資料夾結構

├── build/                      // webpack 相關文件
│   └── ...
├── config/                     
│   ├── index.js                // 項目核心配置
│   └── ...
├── src/
│   ├── main.js                 // 程式入口文件
│   ├── App.vue                 // 程式入口 vue 組件
│   ├── components/             // 組件
│   │   └── ...
│   └── assets/                 // 模塊資源 (被 webpack 處理)
│       └── ...
├── static/                     // 純靜態資源 (直接複製到 dist/static/ 裡面)
├── test/
│   └── unit/                   // 單元測試
│   │   ├── specs/              // 測試規範
│   │   ├── index.js            // 測試入口文件
│   │   └── karma.conf.js       // 測試運行配置文件
│   └── e2e/                    // 點對點的測試 
│   │   ├── specs/              // 測試規範
│   │   ├── custom-assertions/  // 端到端測試自定義片段
│   │   ├── runner.js           // 運行測試腳本
│   │   └── nightwatch.conf.js  // 運行測試配置文件
├── .babelrc                    // babel 配置文件
├── .editorconfig               // 編輯配置文件
├── .eslintrc.js                // eslint 文字配置
├── index.html                  // index.html 首頁
└── package.json                // 運行相關套件

build/

實際開發環境與生產環境的 webpack 配置文件，如果要定義 webpack 的 loader ，可查看 build/webpack.base.conf.js 的檔案。

config/index.js

大部分在建構步驟中通用的配置，開發環境代理 api 與 後端框架 。

src/

放置一般頁面。

static/

在建構 webpack 的時候，直接複製相同的的目錄中。

test/unit

包含單元測試相關文件。

test/e2e

包含端到端測試相關文件。

index.html

開發頁面，在開發環境中，webpack會生成相關資源，這些資源的url會自動插入到模板來渲染最終的HTML。

package.json

NPM包元數據文件，包括所有的構建依賴與構建命令。