导语
日常的工作中 我们难免会有关于工作的一些规范 还是需要遵守的 这边大概展示一下自己项目中的规范 便于查看
编辑
目录规范
````
目录规范：
``` config ├── config.js umi 配置目录 ├── plugin.config.js webpack插件配置目录 └── router.config.js 路由配置目录
src: 静态资源目录: assets 公共组件目录：common 业务组件目录: components 主框架目录：layouts 国际化目录：locales 本地数据模拟目录: mocks 状态管路目录：models 页面目录： pages 请求接口文件目录：request 服务api接口管理目录： services 样式目录：style 公共函数方法目录: utils icon目录: icons ``` ````
```` 新增页面文件夹时请遵守此约束！
System 模块目录 ├── components 当前模块抽取公用组件 ├── models 当前模块的数据(可选：页面多的写到页面下)， ├── Employee 员工管理 ├── models 当前页面的数据(可选：页面少的写到)， ├── employee 员工管理的数据流 ├── components 当前页面抽取封装组件 ├── data.js 页面辅助方法或配置(可选) ├── index.js 页面逻辑，只放子组件的封装 ├── index.less 样式
说明：页面抽取或封装子组件里面，不要写逻辑代码，更不要处理数据。 子组件只做数据展示使用，把逻辑处理和数据处理 都放到 index.js 里面。index.js 做当前页面的所有数据处理。 数据请求都放到 models。这样开发时我们 只需要去关注某个点。逻辑的修改和bug只关注index 文件，页面的展示在子组件里面 。 ````
总结
任何时候注意自己页面的一个可读性 可维护性
