VuxUI使用历程：【001】项目基本创建-目录结构

Vux是一款基于Vue.js的前端框架

VUX（读音 [v’ju:z]，同 views）是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。

基于webpack + vue-loader + vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。

vux-loader保证了组件按需使用，因此不用担心最终打包了整个vux的组件库代码。

VUX并不完全依赖于WeUI，VUX 在 WeUI 的基础上扩展了多个常用组件，但是尽量保持整体UI样式接近WeUI的设计规范。

 

创建Vue项目同时使用Vux框架

第一步：安装vux

npm install vux --save

第二步：安装vue-cli脚手架工具

npm install vue-cli -g # 如果还没安装

第三步：基于vux框架创建项目

vue init airyland/vux2 projectPath

第四步：奔跑吧，项目！

cd projectPath
npm run dev

Vux目录结构