前端的 React 项目中， Eslint 和 Prettier 有必要同时使用吗？

[zqx]

如题。以前的项目都是大佬们配好框架，我写业务组件就可以。 现在我来定制一套框架，需要考虑用不用 eslint 或 prettier ？ prettier 可以配合 husky 实现提交到仓库的代码风格一致，主要是缩进，换行符，空格这些。 eslint 好像控制的粒度更细一些？未使用的变量，重复变量名这种语法层面的也可以检测到。 这两个怎么配合同时使用？ PS，后端人员使用 Webstorm 看前端代码，前端人员使用 VS CODE 写前端代码。

[aec4d]

prettier 用来自动格式化你的代码(比如在你保存的时候), 防止你的代码缩进错乱啥的不美观, 并不会负责报错
eslint 是一个代码静态错误检查工具, 就是根据很多定义的规则报告一下你哪个地方可能写错了
使用 prettier vscode 和 webstorm 都需要进行设置 https://prettier.io/docs/en/webstorm.html
eslint 支持 extends 选项和 prettier 一起使用

前端人员喜欢使用 vscode 大概是因为他们只写前端，如果同时写多门语言 vscode 需要安装非常多的插件，效果也不及 IDE
我个人是使用了多个 IDE, 前端用 webstorm 轻量级文件编辑使用 vscode