uniapp 安装配置 uView ui

uView UI，是全面兼容nvue的uni-app生态框架，在 uniapp 项目中使用 uView ui 有三种方式：

1. 通过 Hbuilder X 导入方式
2. 使用 NPM 安装方式
3. 下载导入方式

前两种方式，uView 官方文档已经做了很详细的说明，请查阅。 

下面主要说第三种，下载导入方式。

1.下载 uView 插件

下载地址：https://ext.dcloud.net.cn/plugin?id=1593，下载插件ZIP，如下：

 在自己的项目根目录新建 uview-ui 文件夹

将下载后的文件解压，复制解压后文件夹中的所有内容，到项目中新建的 uview-ui 文件夹中

完成后 uview-ui 文件夹结构如下：

2. 在项目 main.js 文件中引入 uview-ui

// 引入并使用 uView 库
import uView from 'uview-ui';
Vue.use(uView);

3.在项目 App.vue 文件中引入基础样式

<style lang="scss">
    // 引入 uview 基础样式
    @import "uview-ui/index.scss";
</style>

注意：

1，需要在 style 标签上生命 lang="scss"

2，Hbuild X 必须安装 scss 插件

4.在项目 uni.scss 文件中引入全局变量文件

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

5. 在项目 pages.json 文件配置 easycom 规则

"easycom": {
    "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},

到此安装完成，接下来你就可以在你的项目中使用 uview ui 了。