## 為HBuilder安裝scss插件
## 一、安裝方式
在文件根目錄下打開cmd,執行安裝命令
```
npm init -y
npm install uview-ui
npm update uview-ui
```
## 二、引入組件庫
```
import uView from 'uview-ui';
Vue.use(uView);
```
## 三、main.js中引入
~~~
import uView from "uview-ui";
Vue.use(uView);
~~~
## 四、在引入uView的全局SCSS主題文件
在項目`src`目錄的`uni.scss`中引入此文件。
~~~
/* uni.scss */
@import 'uview-ui/theme.scss';
~~~
## 五、引入uView基礎樣式
注意!
在`App.vue`中**首行**的位置引入,注意給style標簽加入lang="scss"屬性
~~~
<style lang="scss">
/* 注意要寫在第一行,同時給style標簽加入lang="scss"屬性 */
@import "uview-ui/index.scss";
</style>
~~~
## 六、配置easycom組件模式
此配置需要在項目`src`目錄的`pages.json`中進行。
溫馨提示
1、uni-app為了調試性能的原因,修改`easycom`規則不會實時生效,配置完后,您需要重啟HX或者重新編譯項目才能正常使用uView的功能。
2、請確保您的`pages.json`中只有一個`easycom`字段,否則請自行合并多個引入規則。
~~~
// pages.json
{
"easycom": {
"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
},
// 此為本身已有的內容
"pages": [
// ......
]
}
~~~