通過使用了一段vue后那伐,對(duì)于做webapp來說贷笛,自己有了一套自己的架構(gòu)应又,和大家分享一下,歡迎大家提出意見乏苦,共同探討株扛,謝謝。
項(xiàng)目搭建 地址github
$ git clone https://github.com/raintao/vue2_app_template.git
$ cnpm install
$ npm run dev
所用的技術(shù)架構(gòu)
vue+vuex+vue-resource
css預(yù)編譯less
static文件夾主要放一些圖片,第三方文件汇荐。src中的目錄如下:
|-- App.vue
|-- components 單文件組件文件夾
|-- diy 封裝的api 接口等
|-- main.js 入口文件
|-- pages 頁面
|-- public css重置洞就、統(tǒng)一制定主題、樣式等css文件
|-- router 路由文件
|-- store vuex
默認(rèn)配置為基于iphone6的設(shè)計(jì)稿掀淘,1rem=100px,即1px=0.01rem旬蟋;
字體、border用px革娄,布局用rem倾贰,固定定位的header、footer建議也用px布局拦惋;
另本模版對(duì)于mintUI和museUI組件按需引入的webpack已配好匆浙,less語法等,對(duì)于es6語法不會(huì)提醒
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者