一、项目初始化

1.使用脚手架创建项目

manually：自定义勾选特性配置，选择完毕之后，才会进入装包 创建完成之后，查看项目进行清空欢迎界面，删除路由中多余的home路由等

2.ESLint

2.1ESLint:代码检查工具

好处：1.在写代码的过程中会检查代码是否错误 2.约束团队代码的风格统一

2.2ESLint在vscode中的使用一键修复

检查代码的两个位置：1.webpack开发服务器（在下面终端中）+eslint插件，在保存时检查代码2.vscode+eslint插件+工作区根目录下.eslinrc.js配置，在保存时，检查代码 如果在写代码过程中解决了问题，webpack就不会报错 若失效，需要进行问题的排查 1.Eslint插件右下角设置->扩展设置

将配置数据粘贴进去

{ "eslint.run":"onType", "editor.codeActionsOnSave": { "source.fixAll.eslint": true } } 选择格式化文档，这样保存时直接进行eslint检查

2.如何修改ESlint中常见错误 找到报错原因，在.eslintrc.js中添加错误原因纠正代码：如space-before-function-paren': 'off'

3.需要手动修改的情况：函数空格、大小写问题

3.加入 Git 版本管理

3.1新项目-本地仓库

脚手架项目，默认有git本地仓库，可以覆盖它/删除.git文件夹自己创建 git init 创建本地仓库 git add . git commit -m '提交的说明' 暂存和提交 注意：会在本地的.git文件夹里面，有一次本地的提交记录

3.2远程仓库

将本地项目上传到远程仓库-git remote add origin git仓库地址

首次需要git push -u origin master 目的是创建主分支

如果项目有变动，需要提交 git add . git commit git push

多人协调开发项目，拉取数据git pull,更新数据