前端项目配置规范问题总结

103 阅读1分钟

前端项目规范使用 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格式化的能录