-
定義公共組件：
比如按鈕，列表 這些復(fù)用多的， 可以寫公共組件出來， 如果已經(jīng)有這個組件， 可以按照Ui樣式先修改好， 自己再封裝起來， 修改的樣式不要寫全局， 要寫在當(dāng)前組件里面。
公共組件樣式圖 -
搭建項(xiàng)目框架：
定義項(xiàng)目的文件目錄， 代碼格式等。
單個頁面目錄結(jié)構(gòu)：
這里一般只需要存在Index.vue 和 index.less 即可。
單個頁面目錄結(jié)構(gòu)
項(xiàng)目目錄結(jié)構(gòu)：
項(xiàng)目目錄結(jié)構(gòu)
頁面模塊目錄：
頁面模塊目錄
- 前后端分離的項(xiàng)目，
因?yàn)橐獙咏涌冢? 建議把Url 單獨(dú)提出來，
把調(diào)用的接口的方法也單獨(dú)提出來。
然后根據(jù)每個人的名稱命名，
例如：
├── api:
│ ├── api-model： // 接口地址
│ │ ├── index.js（ import './lbj_api.js'；import './zgb_api.js'；）
│ │ ├── lbj_api.js
│ │ ├── zgb_api.js
│ ├── request // 調(diào)用接口的方法
│ │ ├── index.js（ import '../api-model/index.js'；import './lbj_request.js'； import './zgb_request.js'； ）
│ │ ├── lbj_request.js
│ │ ├── zgb_request.js
這樣一來， 我們在頁面中只需要引入api/request/index.js即可, 解決了多人開發(fā)時使用同文件時的沖突情況。
-
開發(fā)時， 按照模塊分工
一個文件夾， 一個模塊。
頁面模塊目錄
