uniapp项目 引用uview与配置

记录一下 uniapp项目的引入uview的使用流程

 

1、安装到项目中

 

 2、在uni.scss 引用

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

 

 

3、App.vue文件里面引入

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

 

 

4、main.js引入

import uView from "uview-ui";
Vue.use(uView);

 

 

5、pages.json引入

"easycom": {
　　"autoscan": true,
　　"custom": {
　　　　// uview (记录一下：npm方式安装依赖的 切记 不用加上'@'、不用加上＋'/'，有其他的插件时，尽量把uviewUI放在第一位)
　　　　// "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" 错误的配置
　　　　"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
　　}
},

 

 

 5、页面中使用

<u-button >默认按钮</u-button>
<u-button type="primary">主要按钮</u-button>