javascript - Prettier + Airbnb 的 ESLint 配置

Question

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

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

这就是问题所在。我目前正在运行的 Airbnb ESLint 配置与 Prettier 不兼容。例如，对于 JavaScript 字符串，Prettier 被格式化为包含双引号和 Airbnb 的 ESLint，如单引号。当我使用 Prettier 格式化代码时，Airbnb 的 ESLint 不同意。

我知道 Kent Dodds 已经使用 ESLint 配置完成了一些工作，其中包括 example here.

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

Answer 1

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

基本上它turns off所有与代码样式有关的规则，因为 prettier无论如何都会照顾它。

因此，您只需将此配置与任何其他所需的 eslint 配置(如 eslint-config-airbnb )一起安装，然后在您的 eslint 配置文件中将其添加到 extends field 。例如:

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