uni-app uView UI框架 npm安装教程(vue-cli命令行创建)

uView UI框架文档地址:https://www.uviewui.com

uView UI 框架有 下载安装 和 npm安装 两种方式,本篇文章介绍 npm 安装的vue-cli命令行创建方式。

本篇文章是 uView UI 1.x 的版本安装教程

一、通过vue-cli命令行创建项目

  • npm包管理器,需要安装 Node.js 语言开发环境,Node.js下载地址:Node.js
  • 安装完 Node.js语言开发环境后,在终端输入 npm -v 能查看到 npm 版本号 则成功,若无法查看到 npm 的版本号可以重新启动电脑试一试,或者重新安装一次。

vue-cli命令行创建项目uni-app官方文档教程:点我看教程

二、通过 npm 安装 uView UI

  • 仅能通过 npm 命令,不能使用 cnpm命令
npm install uview-ui

三、安装 SCSS 依赖

  • uView依赖SCSS,您必须要安装此插件,否则无法正常运行。
  • 如果当前的项目已经安装了 SCSS 须注意版本兼容情况
// 安装 node-sass
npm install node-sass@4.14.1 -D

// 安装 sass-loader
npm install sass-loader@8.x -D

四、配置 uview UI 框架

uView UI npm 安装配置教程(仅看“配置步骤”中的4步操作),点我查看教程

五、运行项目

uni-app官方文档 命令行 运行和发布命令,点我查看文档

# 其它两种安装方式

uView UI框架 npm安装教程(HBuilderX创建)教程:点我看教程

uni-app uView UI框架 下载安装教程:点我看教程

若是看完这些教程你还不会安装,趁早改行吧,前端不适合你!

上一篇:安装vue cli后执行vue命令找不到的问题


下一篇:基于node和npm的命令行工具——tive-cli