uni-app 引入uView步驟

第一步：在uni-app新建的項目中  使用CMD下載uView   

npm install uview-ui

第二步：在main.js里引入和注冊uView  這兩句代碼需要在import Vue之后

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

第三步：在uni.scss文件中引入uView的全局Scss主題文件

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

第四步：在App.vue文件中引入全局共用的scss文件

<style lang="scss">
    /* 寫在第一行，style標簽需要加入lang="scss" */
    @import "uview-ui/index.scss";
</style>

第五步：在pages.json中設置下面代碼

{          // 在這里添加uview組件配置模式
    "easycom": {
        "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
    },
    
    // 下面是項目本來有的pages 
    "pages": [
        // ......
    ]
}

第六步：uniapp引入uView必需依賴scss 必須要安裝此插件，在uniapp的插件市場里安裝scss  如果有 則忽略此步

第七步：就可以在uni-app中正常使用uView的組件了