更漂亮的 Airbnb 的 ESLint 配置

Question

最近，我开始在我的编辑器中使用 Visual Studio Code，并找到了 Prettier - JavaScript 格式化程序。我认为这是一个很棒的插件，因为它可以帮助我保持代码的美观。

我设置了 Airbnb 的 ESLint 配置，发现它非常有用。

这是问题所在。我目前正在运行的 Airbnb ESLint 配置与 Prettier 配合不佳。例如，对于 JavaScript 字符串，Prettier 被格式化为包括双刻度和 Airbnb 的 ESLint 像单刻度。当我使用 Prettier 格式化代码时，Airbnb 的 ESLint 不同意。

我知道 Kent Dodds 已经完成了一些 ESLint 配置方面的工作， 例如这里的例子。

但我似乎无法找到一种解决方案，让我可以使用 Prettier 的魔力将我的代码格式化为 Airbnb 的 ESLint。

原文由 Jiovan Melendez 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我认为 eslint-config-prettier 就是为此目的创建的： https ://prettier.io/docs/en/eslint.html#turn-off-eslint-s-formatting-rules

基本上它 会关闭 所有与代码样式有关的规则，因为 prettier 无论如何都会处理它。

因此，您只需安装此配置以及任何其他所需的 eslint 配置（例如 eslint-config-airbnb ），然后在您的 eslint 配置文件中将其添加到 extends 字段。例如：

 {
  "extends": ["airbnb", "prettier"]
}

原文由 timetowonder 发布，翻译遵循 CC BY-SA 4.0 许可协议