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

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

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

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

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

VUX并不完全依赖于WeUIVUX 在 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目录结构

 

posted @ 2019-10-08 12:48  南风S  阅读(178)  评论(0)    收藏  举报