├─build                      // 儲存一些webpack的初始化配置,專案構建
│ ├─build.js                 // 生產環境構建
│ ├─check-version.js         // 檢查npm、node版本
│ ├─vue-loader.conf.js       // webpack loader配置
│ ├─webpack.base.conf.js     // webpack基礎配置
│ ├─webpack.dev.conf.js      // 開發環境配置，構建本地開發伺服器
│ ├─webpack.prod.conf.js     // 生產環境的配置
│
├─config                     // config資料夾儲存一些專案初始化的配置
│ ├─dev.env.js               // 開發環境的配置
│ ├─index.js                 // 專案一些配置變數
│ ├─prod.env.js              // 生產環境的配置
│
├─dist                       // 打包後的專案
├─node_modules               // 依賴包
│
├─src                        // 原始碼目錄
│ ├─assets                   // 靜態檔案目錄
│ │ ├─css                    // 管理 css 文件
│ │ │ ├─ base                // 網站基本樣式設定 
│ │ │ ├─ components          // 組件相關樣式
│ │ │ ├─ layout              // 整體布局上的設定，如 RWD 的文件
│ │ │ ├─ pages               // view 相關樣式
│ │ │ ├─ utils               // 能夠幫助建構式的 scss 檔案。如變數(variable)、樣式方法(funcion)等
│ │ │ ├─ theme               // 主題相關
│ │ │ ├─ vendors             // 放外部提供的 CSS 檔，而非自己的都可以放這
│ │ │ ├─ vendors-extensions  // 有時外部提供的 css，有會有覆蓋重新設計的需求，就將這些檔案放在這裡
│ │ │ └─ app.scss            // 引入所有 scss 檔案
│ │ └─image                  //圖片檔案
│ ├─components               // 元件檔案
│ ├─router                   // 路由
│ ├─App.vue                  // 是專案入口檔案
│ ├─main.js                  // 是專案的核心檔案，入口
├─static                     // 靜態資源目錄 
├─.babelrc                   // Babel的配置檔案
├─.editorconfig              // 程式碼規範配置檔案
├─.gitignore                 // git忽略配置檔案
├─.postcssrc.js              // postcss外掛配置檔案
├─index.html                 // 頁面入口檔案
├─package-lock.json          // 專案包管控檔案
├─package.json               // 專案配置
└─README.md                  // 專案說明書