### 入坑指南
#### 关于VUX
vux必须配合**vux-loader**使用，
less@3.x有严重的兼容性问题，请暂时使用less@^2.7.3
vux是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
基于**webpack+vue-loader+vux**可以快速开发移动端页面，配合**vux-loader**方便你**在WeUI的基础上**定制需要的样式。
vux-loader保证了**组件按需使用**，因此不用担心最终打包整个vux的组件库代码。
VUX在WeUI的基础上扩展了多个常用组件，但是尽量保持整体UI样式接近WeUI的设计规范。
提示：
**VUX是库而非框架**，虽然有专用的vux-loader，但并不影响你自由的使用其他组件库或者工具库。
VUX使用的CSS预处理工具是**less**（同WeUI）
#### 使用Vux之前
相关工具
* * * * *
**WeUI**
VUX样式基于WeUI，但不必通过使用vux来使用WeUI。简单的页面可以直接引用WeUI样式。
**Vue**
VUX基于Vue的组件库。‘
**Webpack**
**vue-cli**
**vue-loader**
用于编译.vue文件，官方模板已经配好
**vux-loader**
VUX组件库的webpack loader，实现按需加载等功能。它不是替代vue-loader而是配合vue-loader使用。如果使用vux2模板，暂时不需要手动使用它。
### 安装
#### 快速开始
vux@2.x推荐微博pack+vue-loader方式的开发。不建议使用引入script的方式进行开发，因为会带来一系列的开发、维护、效率、部署问题。
默认为webpack2模板
```
npm install vue-cli -g #如果还没安装（全局安装）
vue init airyland/vux2 projectPath
cd projectPath
npm install
或者安装淘宝镜像
npm install --registry=https://registry.npm.taobao.org # 或者 cnpm install 或者 yarn
npm run dev # 或者 yarn dev
```
cnpm可以直接使用cnpm来加速模块下载
#### 手动配置使用
airyland/vux2模板主要处理的事项：
* 引入reset.less，默认样式不包含reset，并且部分用户自己有一套reset样式，因此需要在App.vue进行手动引入。
```
<style lang="less">
@import '~vux/src/styles/reset.less';
</style>
```
*
####
