共计 824 个字符，预计需要花费 3 分钟才能阅读完成。
目录设计
| <pre> | |
| 项目目录 | |
| project | |
| ├── base_module // git 子模块 | |
| ├── build // 构建服务和 webpack 配置 | |
| ├── config // 项目不同环境的配置 | |
| ├── dist // 项目 build 目录 | |
| ├── src // 生产目录 | |
| │ ├── api // api 入口 | |
| │ ├── assets // css js 和图片资源 | |
| │ ├── components // 各种组件 | |
| │ ├── views // 各种页面 | |
| │ ├── vuex // vuex 状态管理器 | |
| │ ├── filters.js // 各种过滤器 | |
| │ └── main.js // Webpack 预编译入口 | |
| ├── index.html // 项目入口文件 | |
| ├── README.md | |
| └── package.json // 项目配置文件 | |
| src/views 目录介绍 | |
| views | |
| ├── school | |
| │ ├── teacher | |
| │ │ ├── index.js // 这个模块的路由 | |
| │ │ └── page.vue // 这个模块的业务页面 | |
| │ ├── authority | |
| │ ├── face | |
| │ └── router.js // 引入每个模块路由 并导出 | |
| ├── welcome | |
| │ ├── components | |
| │ │ ├── _base_components.vue // 这个模块的路由 | |
| │ │ └── pyq.vue // 这个模块的业务页面 | |
| │ ├── img | |
| │ └── index.vue // 引入每个模块 | |
| router.js // 引入 school && welcome 导出的路由 | |
| 规则：1. views > [menuFiles|PageFiles]: src/views 下只能创建菜单级文件夹或 PageFiles | |
| 2. menuFiles > routers.js + pageFiles: 菜单文件下只能创建两类型文件 路由文件 + 页面文件夹 | |
| 3. pageFiles > components + img + router.js + page.vue : 页面级文件夹下可以视为小型项目，采取【资源就近】的原则 | |
| </pre> |
正文完
发表至： javascript
2019-10-02
