前端项目规范使用 eslint + prettier + Typescript
1. 保证不同开发人员使用同一个版本的TS
项目根目录新增.vscode文件夹,新增settings.json 里面配置
{
"typescript.tsdk":"./node_modules/typescript/lib"
}
2. 前端规范配置使用eslint prettier
- [prettier] : 负责代码格式美化
- [eslint] :检测js等代码质量和部分代码美化 项目使用eslint和prettier插件,在代码美化方面会出现冲突。代码格式美化更适合prettier负责,js代码质量的检测适合eslint负责。
为了解决插件冲突问题
引入`eslint-config-prettier` + `eslint-plugin-prettier`
- [eslint-config-prettier]: 关闭eslint和prettier相互冲突的规则
- [eslint-plugin-prettier]:赋予eslint使用prettier格式化的能录