``` node_modules?//?項目依賴 public // 入口頁面目錄 | |-- index.html // 入口頁面 src // 項目源文件 | |-- assets // 資源目錄，這里的資源會被wabpack構建 | |-- base // 全局公共樣式目錄 |-- iconfont // 存放額外字體圖標 |-- image // 圖片目錄 |-- js // 公共JS方法 |-- components //?公共項目組件目錄 用于存放獨立功能或需多復用組件文件 |-- router // 項目路由目錄 | |-- index.js // 路由文件 |-- store // 項目狀態目錄 應用級數據（state） | |-- modules |-- index.js |-- store.js |-- backups // 頁面備份文件目錄 |-- views // 視圖文件目錄 根據項目狀態 可自定義 |-- App.vue // 根組件 |-- main.js // 入口JS文件 api // 集成axios請求 封裝公共接口組建 | |-- utils | |-- api.js // 接口集成 |-- request.js // HTTP 請求封裝攔截 |-- index.js // 暴露接口文件 .env.development // 測試環境配置文件 .env.production // 生產環境配置文件 .eslintrc // ESLint 校驗文件 babel.config.js // Babel插件 package.json // 項目信息及項目包版本 當項目安裝新依賴時需提交倉庫 package.lock.json // 鎖定當前項目包信息及項目包版本 postcss.config.js // 適配移動端配置文件 README.md // 描述說明文檔 vue.config.js // 項目自定義配置 配置項目名及項目代理 ``` <br /> >01\. 該結構為項目初始結構，目錄初始化結構 / 父子層級關系 / 以及命名規則不可隨意更改。 02\. 可以根據項目不同需求不同功能在原結構向下擴展，但需嚴格遵循以下條件進行。 03\. 不同模塊分離清晰，父子組件層級明確，文件不混淆不疊加。 04\. 文件夾的命名方式主要以功能模塊代表并且以小駝峰式命名，禁止使用數字中劃線 - 下劃線 \_ 其他特殊字符以及漢語拼音，名稱簡潔語義化。 05\. 開發過程中可以復用的組件需要在 components 目錄下進行二次封裝，功能函數集成在 assets 目錄下統一調用。