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

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

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

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

演示环境

操作系统：windows 10 

node 版本：12.16.1

 近期发现许多Node高版本，比如16版本的用户在安装sass和运行时有其它未知的错误。如果遇到问题可以考虑降低Node版本，也许是cli与Node存在兼容问题

一、通过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@1.x

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

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