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目錄結構

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章