共计 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