开发过程

开发流程：
1. 过需求，梳理需求
2. 根据后端接口文档或者数据字段定义实体类型，例如企业、部分、铃音等类型
3. 划分路由,新建文件夹，配置路由
4. 查看所有设计稿，是否有公共的组件，在components目录下新建对应的组件
5. 根据后端接口文档，在axios的拦截器中对后端的状态码，数据等进行统一处理,定义后端返回数据的泛型
5. 编写页面
		如果有了接口，在api/xxx.ts中定义接口
		编写页面过程中的工具函数(数据处理、数据转化)写到tools/xxx.ts中
		

项目目录说明

./src
├── App.vue
├── api       接口定义
├── data      常量定义
├── main.ts   项目入口
├── plugins   项目插件配置
├── router    路由配置
├── store     状态管理
├── style     公共样式
├── tools     工具函数
├── types     类型定义
└── views     页面

保存文件时自动格式化代码

1. 项目要单独在vscode中打开，不要和其他的文件夹一起打开

2. vscode启动的项目根目录下需要有.vscode/settings.json文件

   • 文件内容

3. vscode安装插件(版本很重要)

• ESLint 作者 Dirk Baeumer 版本 2.1.1
• Prettier 作者 Esben Petersen 4.7.0
• Vetur 作者Pine Wu 0.23.0

4. 项目根目录下需要有.prettierrc.js文件，用来控制代码的格式

• 文件内容

5. 如果以上都配置了，保存时代码还是没有自动格式化，请检查有没有安装其他格式化的插件，卸载或者工作区禁用

开发流程

定义类型

首先要根据项目中存在的实体定义类型，可以根据数据字典定义。

例如在企业项目中，存在的实体有 用户、企业、部门、铃音、成员等，这些实体需要定义types/xxx.ts中，

实体使用interface定义，以企业信息为例

interface Corp{
	id:string
	corpName:string
	provinceId:string
	...
}