vue項(xiàng)目框架簡(jiǎn)介
框架簡(jiǎn)介
- 整體框架
2.png
提示：vue項(xiàng)目是單頁(yè)面應(yīng)用各拷，所有只有一個(gè)html文件即是：index.html忘衍。
- build目錄
提示：項(xiàng)目的編譯相關(guān)配置信息腰池，一般情況下你不需要修改此目錄下的信息渠啤。
- config目錄
提示：此目錄下包含：dev.env.js,test.env.js,prod.env.js,index.js這四個(gè)文件,dev代表開發(fā)環(huán)境配置，test代表測(cè)試環(huán)境配置次企，prod代表發(fā)布環(huán)境配置醋火，你可以根據(jù)你的項(xiàng)目開發(fā)環(huán)境悠汽，配置相應(yīng)的信息，比如項(xiàng)目的域名芥驳，如果在開發(fā)/測(cè)試/發(fā)布三個(gè)環(huán)境不一樣柿冲，那可以配置到對(duì)應(yīng)的js文件中。在build/build.js目錄下的process.env.NODE_ENV確定使用那個(gè)環(huán)境配置兆旬。
- src目錄
提示：項(xiàng)目源碼目錄假抄，但是我們不建議直接沿用默認(rèn)目錄，我們建議在這個(gè)目錄下新建一個(gè)pages目錄丽猬，與原來的components目錄相對(duì)應(yīng)宿饱，一個(gè)是頁(yè)面級(jí)的vue，一個(gè)是組件級(jí)的vue宝鼓。
- router/index.js
提示：項(xiàng)目路由配置刑棵，每一個(gè)頁(yè)面級(jí)的vue都對(duì)應(yīng)一個(gè)唯一的路由。
- main.js
通常我們會(huì)把src目錄再次細(xì)分一下愚铡，如下圖
其中assets文件夾存放字體蛉签、圖片等資源，components存放組件沥寥，network中處理網(wǎng)絡(luò)請(qǐng)求碍舍，page中書寫界面，store中對(duì)數(shù)據(jù)進(jìn)行處理邑雅。
- index.html
項(xiàng)目唯一的html文件片橡，項(xiàng)目通過此文件加載不同的vue文件（根據(jù)路由配置）來展示不同的頁(yè)面。
VUE學(xué)習(xí)之路三 項(xiàng)目配置介紹
VUE學(xué)習(xí)之路四 創(chuàng)界第一個(gè)界面
