首页/开发/代码质量与评审速查/Prettier 与 ESLint 的分工协议
规范与静态检查65 条

Prettier 与 ESLint 的分工协议

格式与语义分开:Prettier 管格式,ESLint 管逻辑与通用实践;用 eslint-config-prettier 关闭冲突的格式类规则,避免互相覆盖。

推荐eslint-config-prettier 关闭冲突规则
顺序先 Prettier 格式化,后 ESLint 检查

安装与配置

安装与配置
npm i -D eslint-config-prettier
# 将其置于 ESLint 配置末尾(或对应 flat 配置)
# 冲突的 indent/quotes/semi 等规则全部关闭
两边都管的规则(缩进、引号、分号)把权限交给 Prettier 一方即可。

易错点

  • 忘关冲突规则:format 与 lint fix 互相改坏,提交来回拉扯
  • eslint-plugin-prettier 内嵌运行 Prettier:每次 lint 变慢,大仓库先评估开销

数据来源与参考

  • eslint-config-prettier 官方文档
​‌‌​​‌​​​‌‌​‌‌‌‌​‌‌​​​‌‌​‌‌‌​​‌‌​​‌​‌‌‌​​‌‌‌​​​‌​‌‌​‌​​‌​‌‌‌​​​‌​‌‌​‌​​‌​‌‌​​​‌‌​‌‌‌​‌​​​‌‌​‌‌‌‌​​‌​‌‌‌​​‌‌​​​‌‌​‌‌​‌‌‌‌​‌‌​‌‌​‌