[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