什么是 ESLint
ESLint 是 JavaScript 代码静态检测工具，可以帮助我们在编写代码时避免一些常见的错误，规范化代码风格。在团队协作开发中非常有用。
为什么会被逼疯
虽然 ESLint 很有用，但有时候它也可能会让你感到头疼。经常会出现大量的错误和警告，在一些 “看起来没问题”的代码上会提示特别的警告，这让人十分苦恼。
一般的情况下，以下几种情况会导致 ESLint 给出错误和警告：
- 语法错误：代码中不符合规范的语法导致的问题。
- 代码风格不规范：不符合规范的代码风格，如缩进、换行等。
- 变量未定义：使用了未声明的变量。
- 变量赋值问题：变量的值被篡改了。
- 其他问题：如循环嵌套过深等。
这些问题在某些情况下可能会很重要，需要及时解决，但在某些情况下可能也只是一些小问题，对程序的运行并不会造成太大的影响。
然而，当 ESLint 给出太多的错误和警告时，会让人非常烦躁，尤其是你的代码已经很完美了，但 ESLint 还是告诉你存在问题。于是，我们需要掌握一些方法来解决 ESLint 逼疯你的问题。
如何解决
方法 1 - 关闭特定规则
有些规则可能不适用于你的代码，或者有些规则可能声音太吵了。此时，你可以关闭这些规则。
如何关闭特定规则呢？只需要在 .eslintrc 文件中添加如下代码即可：
-
-------- -
---------------- ----- -- -----------
-
-方法 2 - 更改规则配置
有些规则配置可能需要改变。此时，你需要在 .eslintrc 文件中更改对应的规则配置。
举个例子，如果你想更改规则 react/prop-types 中 no-unused-prop-types 验证提示，即提示未使用的属性，请修改如下配置：
-
---------- --------------------------
-------- -
------------------- -
-------
-
----------------- -----
----------------- ----- -- -- ----
-
-
-
-方法 3 - 忽略指定文件
如果你想忽略某些文件，例如测试文件，你可以在 .eslintignore 文件中添加这些文件的路径以忽略它们。
如，如果我想忽略所有测试文件夹下的文件，我可以将这个文件夹添加到 .eslintignore 文件中：
- ------------- ------
方法 4 - 编辑器插件
有些编辑器支持 ESLint 插件。这些插件可以帮助你更好地看到错误和警告。推荐一些插件：
- VS Code: ESLint、Prettier - Code formatter
- Sublime Text: SublimeLinter、SublimeLinter-eslint
- Atom: linter-eslint
启用插件后，更改代码时，插件会自动根据 ESLint 的检测结果给出错误和警告信息。
结论
ESLint 确实非常有用，能够帮助我们规范我们的代码和避免一些常见问题，但有时候，它也会让我们感到头疼。阅读本文章，你将了解到如何解决 ESLint 给出的错误和警告问题，同时能够保持代码质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6709e241d91dce0dc87cbacc