uniapp安装uview

简介：

npm install uview-ui

main.js页面=>

　　import uView from "uview-ui";

　　Vue.use(uView);

uni.scss页面=>

　　@import 'uview-ui/theme.scss';

App.vue页面=>

　　@import 'node_modules/uview-ui/index.scss';

pages.json=>

　　"easycom": { "^u-(.*)": "@/node_modules/uview-ui/components/u-$1/u-$1.vue" },

重新运行项目，结束！

详细步骤：

npm install uview-ui

在项目根目录中的main.js中，引入并使用uView的JS库， 注意这两行要放在import Vue之后。

import uView from "uview-ui";

Vue.use(uView);

在项目根目录的uni.scss中引入此文件。

@import 'uview-ui/theme.scss';

在App.vue中首行的位置引入，注意给style标签加入lang="scss"属性,注意不要加scoped属性

//项目根目录下： @import 'uview-ui/index.scss';

//使用npm 安装写法： @import 'node_modules/uview-ui/index.scss';

uni-app为了调试性能的原因，修改easycom规则不会实时生效。

注意：npm方式安装 uview不在根目录下easycom写为：

　　"easycom": { "^u-(.*)": "@/node_modules/uview-ui/components/u-$1/u-$1.vue" },

注意：微信小程序npm安装写法：

　　"easycom": { "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" },

（重新编译项目运行！！！）