智慧校园20-目录介绍

35次阅读

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

正文完
 0