为啥使用“eslint-plugin-prettier”而不是“eslint-config-prettier”[关闭]

Posted 2023-02-22

【中文标题】为啥使用“eslint-plugin-prettier”而不是“eslint-config-prettier”[关闭]

【英文标题】：Why use "eslint-plugin-prettier" over "eslint-config-prettier" [closed]为什么使用“eslint-plugin-prettier”而不是“eslint-config-prettier”[关闭]

【发布时间】：2022-01-09 04:38:35

【问题描述】：

eslint-config-prettier 和 eslint-plugin-prettier 都是用于将 ESLint 与 Prettier 集成的流行包。

但是，在阅读了他们俩的文档后，我了解到两者都可以胜任。但是，如果我们使用 eslint-plugin-prettier，将会有一个few issues，如果我们使用 eslint-config-prettier 就不会发生这种情况。另外，当使用 eslint-plugin-prettier 推荐的配置时，它会在后台使用 eslint-config-prettier。

我觉得 eslint-config-prettier 比 eslint-plugin-prettier 有明显的优势，但是 eslint-plugin-prettier仍然很受欢迎，并且在 npm 上的每周下载量确实很大。我错过了什么？使用 eslint-plugin-prettier 有什么好处？

【问题讨论】：

What topics can I ask about here?

【参考方案1】：

这些包有不同的用途：

eslint-plugin-prettier - 将 Prettier 作为 ESLint 规则运行，并将差异报告为单个 ESLint 问题。

eslint-config-prettier - 关闭所有不必要或可能与 Prettier 冲突的规则。这意味着如果您使用一些 eslint-config（您自己或第三方）并且此配置与更漂亮的规则发生冲突 - 它应该通过关闭此规则来解决此冲突。

【讨论】：

Runs Prettier as ESLint rule 是什么意思？按规则运行和正常运行有什么区别？

意思是如果你使用 eslint，你可以将 prettier 作为 eslint 规则运行。 Prettier 是独立的工具。但是有与不同的 linter 的集成——eslint、tslint、stylelint 等。如果你使用其中的一些——你可以为你的 linter 添加插件并避免另外安装 prettier。

我明白了。所以我不必为了 Prettier 工作而在本地安装 Prettier 编辑器扩展。 ESLint 将按照 Prettier 的规则格式化我的代码？

是的。但是它是如何在文档中描述的——不推荐。你可以在这里阅读 - prettier.io/docs/en/integrating-with-linters.html#notes