目录结构
前端工程目录结构
src 主要源码目录
目录名 | 说明 |
---|---|
assets | 资源文件,主要存放图片,字体等 |
common | 全局通用文件,目前只有路由 |
components | 通用组件 |
layouts | 通用布局组件 |
models | Model 组件 |
routes | 所有路由组件 |
services | 所有服务组件 |
utils | 通用工具类 |
assets 目录
存放全局的资源文件,例如字体,图片
common 目录
全局的路由存放在这里,未来会考虑按照模块拆分路由
components 目录
组件目录,所有UI组件代码。 每一个组件单独一个目录文件,命名规则采用帕斯卡命名法.
例如: 单选按钮 CheckBox
layouts 目录
布局组件目录,主布局采用 BasicLayout
models 目录
所有model按照服务名代码(4位小写字母)划分目录, model 命名采用驼峰.
routes 目录
存放所有界面组件.
目录结构采用: [微服务代码]/[功能模块]/具体组件
- 微服务代码: 4位小写字母
- 功能模块: 采用帕斯卡命名法
- 组件: 采用帕斯卡命名法
services 目录
所有 model 中调用的服务逻辑代码.
目录结构采用: [微服务代码]/服务组件
- 微服务代码: 4位小写字母
- 服务组件: 采用驼峰结构,例如 xxxService
utils 目录
常用工具类