[FE] uni-app 安裝 uview-ui 的兩種方式

 

一. 下載的方式安裝

就是把源碼放到項目根目錄中，然后引入 scss、js，並配置 easycom 模式。

https://www.uviewui.com/components/install.html

 

二. npm的方式安裝

就是用 npm 安裝 package 包，然后引入 scss、js，並配置 easycom 模式。

// 如果您的項目是HX創建的，根目錄又沒有package.json文件的話，請先執行如下命令：
// npm init -y

// 安裝
npm install uview-ui

// 更新
npm update uview-ui

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

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

<!-- App.vue 頂部 -->
<style lang="scss">
    /* 注意要寫在第一行，同時給style標簽加入lang="scss"屬性 */
    @import "uview-ui/index.scss";
</style>

// pages.json
{
    "easycom": {
        "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
    },
    
    // 此為本身已有的內容
    "pages": [
        // ......
    ]
}

https://www.uviewui.com/components/npmSetting.html

 

使用第一種方式適合看源碼，使用第二種方式升級方便。

 

Refer：https://github.com/farwish/VocEdu-uni

Link：https://www.cnblogs.com/farwish/p/15463998.html