好邻居，好帮手！ESLint、Prettier 和 EditorConfig 和睦共处之道

为什么 ESLint、Prettier 或 EditorConfig 会水火不容？了解它们背后的矛盾。

ESLint、Prettier 和 EditorConfig 都是很棒的工具，它们可以帮助我们提高代码质量。但是，当我们同时使用这三个工具时，可能会遇到一些冲突。这些冲突主要是因为这三个工具都有自己的规则，而这些规则有时会相互冲突。

例如，ESLint 有一个规则是禁止使用分号，而 Prettier 有一个规则是要求使用分号。当我们同时使用 ESLint 和 Prettier 时，就会出现冲突。ESLint 会报错，而 Prettier 会自动修复代码，把分号加回去。

再比如，EditorConfig 有一个规则是要求使用空格作为缩进，而 Prettier 有一个规则是要求使用制表符作为缩进。当我们同时使用 EditorConfig 和 Prettier 时，也会出现冲突。EditorConfig 会报错，而 Prettier 会自动修复代码，把缩进改成制表符。

如何让 ESLint、Prettier 和 EditorConfig 和睦相处？

既然知道了 ESLint、Prettier 和 EditorConfig 之间可能存在的冲突，那么我们该如何解决这些冲突呢？

1. 了解工具的优先级

ESLint、Prettier 和 EditorConfig 之间没有绝对的优先级。我们可以根据自己的需要，来设置它们的优先级。例如，我们可以把 ESLint 的优先级设置得最高，这样 ESLint 的规则就会优先于 Prettier 和 EditorConfig 的规则。

2. 使用冲突解决工具

有一些工具可以帮助我们解决 ESLint、Prettier 和 EditorConfig 之间的冲突。例如，我们可以使用 eslint-config-prettier 来解决 ESLint 和 Prettier 之间的冲突，我们可以使用 editorconfig-prettier 来解决 EditorConfig 和 Prettier 之间的冲突。

3. 修改工具的配置

我们还可以修改 ESLint、Prettier 和 EditorConfig 的配置，来避免冲突。例如，我们可以修改 ESLint 的配置，允许使用分号。我们可以修改 Prettier 的配置，禁止使用分号。我们可以修改 EditorConfig 的配置，允许使用空格作为缩进。

4. 使用相同的编辑器

如果我们使用不同的编辑器，可能会导致 ESLint、Prettier 和 EditorConfig 之间出现冲突。例如，如果我们使用 Visual Studio Code，那么我们就需要使用 Visual Studio Code 的 ESLint 插件和 Prettier 插件。如果我们使用 Atom，那么我们就需要使用 Atom 的 ESLint 插件和 Prettier 插件。

通过上述方法，我们可以让 ESLint、Prettier 和 EditorConfig 和睦相处，从而提高我们的代码质量。