天天看點

還不理不清Vue.js目錄結構?别說你是學前端的❤

|-- build                            // 項目建構(webpack)相關代碼
  |   |-- build.js                     // 生産環境建構代碼
  |   |-- check-version.js             // 檢查node、npm等版本
  |   |-- utils.js                     // 建構工具相關
  |   |-- vue-loader.conf.js           // webpack loader配置
  |   |-- webpack.base.conf.js         // webpack基礎配置
  |   |-- webpack.dev.conf.js          // webpack開發環境配置,建構開發本地伺服器
  |   |-- webpack.prod.conf.js         // webpack生産環境配置
  |-- config                           // 項目開發環境配置
  |   |-- dev.env.js                   // 開發環境變量
  |   |-- index.js                     // 項目一些配置變量
  |   |-- prod.env.js                  // 生産環境變量
  |   |-- test.env.js                  // 測試腳本的配置
  |-- src                              // 源碼目錄
  |   |-- components                   // vue所有元件
  |   |-- router                       // vue的路由管理
  |   |-- App.vue                      // 頁面入口檔案
  |   |-- main.js                      // 程式入口檔案,加載各種公共元件
  |-- static                           // 靜态檔案,比如一些圖檔,json資料等
  |-- test                             // 測試檔案
  |   |-- e2e                          // e2e 測試
  |   |-- unit                         // 單元測試
  |-- .babelrc                         // ES6文法編譯配置
  |-- .editorconfig                    // 定義代碼格式
  |-- .eslintignore                    // eslint檢測代碼忽略的檔案(夾)
  |-- .eslintrc.js                     // 定義eslint的plugins,extends,rules
  |-- .gitignore                       // git上傳需要忽略的檔案格式
  |-- .postcsssrc                      // postcss配置檔案
  |-- README.md                        // 項目說明,markdown文檔
  |-- index.html                       // 通路的頁面
  |-- package.json                     // 項目基本資訊,包依賴資訊等      

繼續閱讀