javascript - prettier-eslint、eslint-plugin-prettier 和 eslint-config-prettier 之间有什么区别？

Question

我想把 Prettier 和 ESLint 一起用，但是一个接一个用就遇到了一些冲突。我看到有这三个包似乎允许它们串联使用:

• prettier-eslint
• eslint-plugin-prettier
• eslint-config-prettier

但是，我不确定使用哪个，因为这些包名称都包含 eslint 和 prettier。

我应该使用哪个？

Answer 1

tl;dr:使用eslint-config-prettier，其他可以忽略。

ESLint 包含很多规则，与格式相关的规则可能会与 Prettier 冲突，例如 arrow-parens、space-before-function-paren 等。因此一起使用它们会导致一些问题。已创建以下工具以将 ESLint 和 Prettier 结合使用。

<表类="s-表"><头><日> prettier-eslint eslint-plugin-prettier eslint-config-prettier <正文>它是什么一个导出单个函数的 JavaScript 模块。一个 ESLint 插件。ESLint 配置。它做什么通过 prettier 然后通过 eslint --fix 运行代码(字符串)。输出也是一个字符串。插件通常包含 ESLint 将检查的附加规则的实现。此插件在后台使用 Prettier，当您的代码与 Prettier 的预期输出不同时，将引发 ESLint 错误。此配置关闭了可能与 Prettier 冲突的格式化相关规则，允许您将 Prettier 与其他 ESLint 配置(如 eslint-config-airbnb)一起使用.使用方法在代码中或通过 prettier-eslint-cli 调用函数如果您更喜欢命令行。将其添加到您的 .eslintrc。将其添加到您的 .eslintrc。最终输出是否符合 Prettier 标准？取决于你的 ESLint 配置是是需要单独运行 prettier命令吗？否否是还需要用别的吗？否您可能想使用 eslint-config-prettier 关闭冲突规则。否

有关详细信息，请参阅 official Prettier docs .

让 Prettier 处理格式化和 ESLint 处理非格式化问题是推荐的做法，prettier-eslint 与该做法的方向不同，因此 prettier-eslint 不推荐了。您可以同时使用 eslint-plugin-prettier 和 eslint-config-prettier。