新增常用實踐目錄
在實際項目開發中，只使用默認生成的目錄，是不能完全滿足開發需求的。所以，我根據自己項目實踐和 ant.design.pro 的經驗，新建了一些目錄和文件，便於實際開發使用。下面是整個工程所有的目錄和對應註釋（完整工程目錄和文件，請點擊文章最下方的“瞭解更多”鏈接，或者移步： https://github.com/MichaelXu1983/vue-starter 查看）
<code>|── dist # 部署目錄
|── .github # github 維護規範
|── docs # 相關文檔
|── public # 靜態資源目錄，只部署不打包
├── src # 源代碼
│ ├── api # 所有 HTTP 請求
│ │ ├── home.js # 首頁（根據業務模塊命名，和 /views/* 一一對應）
│ ├── assets # 圖片樣式等靜態資源，會打包
│ ├── components # 業務通用組件
│ ├── router # 路由
│ │ ├── index.js # 路由入口
│ ├── store # 全局 store 管理
│ │ ├── modules # 模塊
│ │ │ ├── user.js # 用戶（定義 user 模塊）
│ │ ├── getters.js # 定義 store 計算屬性（定義 store 計算屬性，以逗號分割增加）
│ │ ├── index.js # 組裝 store 並導出（組裝 user 並導出）
│ ├── utils # 工具庫
│ │ ├── auth.js # 操作 token
│ │ ├── index.js # 工具方法
│ │ ├── request.js # 全局 http 請求方法封裝
│ ├── views # 頁面視圖
│ │ ├── home # 響應路由切換的 vue 組件（根據業務模塊命名，和 /api/* 一一對應）
│ ├── App.vue # Vue 模板入口
│ ├── main.js # Vue 入口 JS
│ ├── registerServiceWorker.js # PWA配置（離線緩存、消息推送、後臺自動更新等任務）
├── tests # 測試工具
├── .browserslistrc # 項目的目標瀏覽器範圍配置
├── .eslintrc.js # ESLint 配置
├── .gitignore # git 提交時需要忽略的文件配置
├── babel.config.js # babel 配置
├── cypress.json # cypress 配置
├── jest.config.js # jest 配置
├── package-lock.json # 包快照（鎖定包及其依賴包版本號，建議提交）
├── package.json # 包配置
├── README.md # 項目自述
└── vue.config.js # 配置相關
/<code>
分享到:
閱讀更多 MichaelXu 的文章
