根目录

目录说明

1. src
   工程源代码，详见下方说明
2. test
   单元测试和端对端测试相关配置和代码
3. public
   静态资源
4. dist
   打包生产的线上环境代码
5. node_modules
   工程第三方依赖

src目录

目录说明

1. main.js
   工程启动主文件
2. common
   工程公共配置和资源目录，包括公共业务组件-components、工具函数-utils、路由配置-routes、状态管理-vuex、国际化资源-locales等
3. screens
   单页应用公共页面目录，包括登陆、注册、403、404、容器页面等
4. modules
   按功能划分的应用模块目录，二次开发主要在此目录下写代码，详见下方说明

modules目录

目录说明

我们将业务代码按模块组织，有利于代码治理和上线发布，每个模块的代码组织是类似的，详见下方说明。

模块目录示例

目录说明

模块代码结构是相同的，均包含以下内容：

1. 页面目录-pages
   主文件需以main.vue命名，复杂页面建议拆分成main.vue + 若干子页面
2. 路由目录-routers
   本模块的路由配置
3. 国际化目录-locales
   本模块的国际化资源
4. 状态管理目录-vuex
   本模块的组件间共享数据
5. 模块内公用视图-views
   本模块内多个页面共用的组件，建议放置在此目录