捕獲6.JPG
)
1.node_modules 依賴文件夾
2.public 文件夾
一般情況下科贬，不需要你去做任何操作，內(nèi)含兩個文件，一個 ico圖標，一個index.html(項目主頁面)旬陡，主頁面中有一個id為app的div，在vue中幾乎所有頁面及操作都是在 #app 里面進行语婴。
3.src 項目主要開發(fā)文件夾(項目所有的開發(fā)描孟，都在這個文件夾下面進行)
- 3.1 assets 文件夾，靜態(tài)資源文件夾砰左，一般存放圖片文件
- 3.2 router 文件夾(路由文件夾)匿醒，用于設(shè)置各個頁面的路由
- 3.3 store 文件夾(全局狀態(tài)管理文件夾)vuex文件夾，用來設(shè)置及操作所有的全局狀態(tài)
- 3.4 views文件夾(頁面文件夾)缠导，用來存放所有的頁面文件(這里的頁面文件廉羔，是指.vue 文件)
- 3.5 components文件夾(組件文件夾)，用于存放所有的組件文件
組件和頁面的區(qū)別：
像nav content sideBar 之類的組成頁面的模塊就叫組件僻造，
像 index about login 之類的完整頁面就是頁面
一個頁面可以由若干個組件組成憋他，組件可以復(fù)用
- 3.6 App.vue主組件(主頁面)
用來組裝所有的頁面，如果將頁面比喻成拼圖嫡意，組件比喻成小拼圖塊举瑰，那么App.vue就是用來承載整個拼圖的拼圖板捣辆，左右的頁面都是在App.vue下面進行切換的
4.vue.config.js 文件是項目的主要設(shè)置文件
用來設(shè)置項目中各個文件夾的虛擬路徑(類似于express 中將public 文件夾路徑設(shè)置為"/"）蔬螟，或開啟關(guān)閉嚴格模式，或?qū)缬蜻M行設(shè)置等
一般情況下汽畴，項目中旧巾，開發(fā)者只需要操作src和vue.config.js
