1. npm安裝uview依賴
npm install uview-ui@2.0.36
2. 在main.js引入uView主JS庫(kù)
// main.js
import uView from 'uview-ui'
Vue.use(uView)
// 此配置css使用rpx
uni.$u.config.unit = 'rpx'
3. 在App.vue引入uView的基礎(chǔ)scss樣式
<style lang="scss">
/* 注意給style標(biāo)簽加上 scss的屬性 */
@import "uview-ui/index.scss";
</style>
4.?在uni.scss引入uView的全局scss主題樣式
/* uni.scss */
@import "uview-ui/theme.scss";
5.?在pages.json配置easycom
// pages.json
{
????// 如果您是通過(guò)uni_modules形式引入uView噩凹，可以忽略此配置
????"easycom": {
????????"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
????},
????// 路由配置
????"pages": [? ......? ]
}
6.運(yùn)行項(xiàng)目使用uview的組件
小程序工具控制臺(tái)顯示如下就表示你成功了
uni小程序初始化提示：
需新建package.json 配置所需小程序的配置瞧甩。如下配置為釘釘小程序：
"uni-app": {
? ? "scripts": {
? ? ? "mp-dingtalk": {
? ? ? ? "title": "小程序名稱",
? ? ? ? "env": {
? ? ? ? ? "UNI_PLATFORM": "mp-alipay"
? ? ? ? },
? ? ? ? "define": {
? ? ? ? ? "MP-DINGTALK": true
? ? ? ? }
? ? ? }
? ? }
