1. build資料夾:打包配置的資料夾
2. config資料夾:打包的配置,webpack對應的配置
3. src資料夾:開發專案的原始碼
6. .babelrc:es6解析的配置
7. .gitignore:忽略某個或一組檔案git提交的乙個配置
8. index.html:單頁面的入口,通過webpack的打包構建之後,會對src原始碼進行編譯,最終把它們插入到html裡面來
9. package.json:基礎配置,告訴我們專案的資訊(版本號、專案姓名、依賴)
10. node_modulues:專案的安裝依賴
main.js:專案核心檔案 這個裡邊是自己寫的所有 內容 元件都會import到這 然而他會被html主檔案使用
元件化整個應用通過 vue 元件的方式搭建起來,通過 vue-router 控制相應元件的展現,元件樹結構如下:
├──view1.vue 頁面級元件,放在 views 目錄裡面,有子元件時,可以建立子目錄
│ ├──component1.vue 功能元件,公用的放在 components 目錄,否則放在 views 子目錄
│ ├──component2.vue
│ └──component3.vue
├──view2.vue
│ ├──component1.vue
│ └──component4.vue
└──view3.vue
├──component5.vue
元件化思想就是這樣的結構 所有的東西不是能不能寫出來 而是對於以後能不能方便看出結構
理解最基本結構
vue目錄詳解
1.build資料夾 打包配置的資料夾 2.config資料夾 打包的配置,webpack對應的配置 3.src資料夾 開發專案的原始碼 6.babelrc es6解析的配置 7.gitignore 忽略某個或一組檔案git提交的乙個配置 8.index.html 單頁面的入口,通過webpack的...
常見Linux目錄名稱
虛擬目錄的根目錄,通常不會在這裡儲存檔案 bin 二進位制目錄,存放許多使用者級的gnu工具 boot 啟動目錄,存放啟動檔案 dev 裝置目錄,linux在這裡建立裝置節點 etc 系統配置檔案目錄 home 主目錄,linux在這裡建立使用者目錄 lib 庫目錄,存放系統和應用程式的庫檔案 me...
通用Linux目錄名稱
目錄用法 虛擬目錄的根目錄。此處通常沒有檔案 bin 二進位制目錄,儲存許多gnu使用者級別的實用程式 boot 引導目錄,儲存引導檔案 dev 裝置目錄,linux在該目錄中建立裝置節點 etc 系統配置檔案目錄 home 主目錄,linux在該目錄中建立使用者目錄 lib 庫目錄,儲存系統和應用...