恭喜HBuilderX用户

哈喽，大家好，我是指北君。

WeUI是微信官方设计团队为微信 Web 开发量身打造的一个UI框架。能够和微信很好的融合在一起，简直是小程序开发新手的良师。只需要你有一个微信开发者工具就足够了。其使用方式官方文档都有详细的说明。冲就完事了！

??? 难道今天指北君就是带你来领略WeUI的“美丽”吗？

啊这不太好吧…

当然不是咯！你还记得指北君说的是HBuilder X用户吧？

那对HBuilder X用户而言又有什么好消息呢？

肯定是因为uni-app啦。因为uni-app在HBuilder X上比在其他编译器上兼容更强、更高效的有利条件，对小程序开发人员而言，绝对是个爆赞的好消息。

目前市面上有不少的UI框架，但uni-app生态专用的uView UI框架相对更全面更成熟。

想必你也猜到了，指北君此次介绍的是基于uni-app的uView UI框架。

开发小程序，需要用uView UI的组件代码下进行项目的整合使用，或者利用HBuilder X工具，直接下载使用uView UI插件模块。

uView UI提供了各种界面上用到的组件，几乎封装了我们常见到的各种界面元素，极大的方便了我们小程序界面的开发工作，如果有些特殊的功能界面，也可以从UniApp官网的插件列表中寻找进行整合。

虽然其他编辑器也可以使用nni-app+uView UI框架，但HBuilder X和uni-app，同属DCloud公司，因而HBuilder X团队为uni-app做了大量的优化和定制。也即相较其他编辑器，技术上uni-app与HBuilder X的匹配度最高，容错率更强。

uView：

uView2.02.0已全面兼容nvue。uView是uni-app生态专用的UI框架，uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码， 可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台,这也是它主要特点。

并且需要开发者具备基本的vue和小程序的知识，使用起来才能得心应手哦。

安装：

安装方式有两种：

1.Hbuilder X方式

在官网下载HBuilder X，如下操作：

2.npm方式

在项目根目录执行如下命令：

npm install uview-ui

修改uView内置配置方案:

uView版本为2.0.25以上的，可以通过setCofig方法配置uView内部的各项内置配置，目前可配置的有config、props、zIndex、color属性，目前只建议修改config、props属性， 除非你清楚知道自己的修改所带来的影响。

// main.jsimport uView from 'uview-ui'
Vue.use