vue-cli創建的項目的目錄結構及說明


一、

├── build              // 項目構建(webpack)相關代碼             記憶:(夠賤)    9個

│ ├── build.js       // 生產環境構建代碼

│ ├── check-versions.js // 檢查node&npm等版本

│ ├── dev-client.js       // 熱加載相關

│ ├── dev-server.js        // 構建本地服務器

│ ├── utils.js          // 構建配置公用工具

│ ├── vue-loader.conf.js // vue加載器

│ ├── webpack.base.conf.js // webpack基礎環境配置

│ ├── webpack.dev.conf.js //  webpack開發環境配置

│ └── webpack.prod.conf.js // webpack生產環境配置



二、
├── config// 項目開發環境配置相關代碼                        記憶: (環配)    3個   

│ ├── dev.env.js  // 開發環境變量(看詞明意)

│ ├── index.js //項目一些配置變量

│ └── prod.env.js // 生產環境變量



三、
├──node_modules// 項目依賴的模塊                         記憶: (依賴)    *個     




四、

├── src// 源碼目錄                 5

1
│ ├──  assets// 資源目錄 

│ │ └── logo.png

2    
│ ├── components// vue公共組件

│ │ └── Hello.vue

3
│ ├──router// 前端路由

│ │ └── index.js// 路由配置文件

4
│ ├── App.vue// 頁面入口文件

5
│ └── main.js// 程序入口文件



五、

└── static// 靜態文件,比如一些圖片,json數據等

│ ├── .gitkeep
    


剩余、
├── .babelrc// ES6語法編譯配置

├── .editorconfig// 定義代碼格式

├── .gitignore// git上傳需要忽略的文件格式

├── index.html// 入口頁面

├── package.json// 項目基本信息

├── README.md// 項目說明


附錄、
一般情況下:
ESlint  es6的代碼風格檢查器  y
AirBNB  默認
Karma + Mocha No

e2e   No


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM