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框架 下载安装教程:点我看教程