本文主要是介绍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框架 下载安装教程：点我看教程

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

这篇关于uni-app uView UI框架 npm安装教程(vue-cli命令行创建)的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！