什么是 ESLint？
ESLint 是一个 JavaScript 语法检查工具，它可以帮助你检查代码中潜在的问题、习惯性的错误以及不规范的语法用法。ESLint 可以使用不同的插件配置，比如用于 React、Vue 等框架的插件，或者用于特定场景下的插件，比如用于检查代码中的注释是否有问题的插件等。
ESLint 的使用
ESLint 可以通过安装 npm 包以及配置 .eslintrc 文件进行自定义配置，同时可以通过命令行或者编辑器插件进行调用。下面是一个简单的例子：
-- --------- ----
-
---------- -
--------------------
--
-------- -
------------- -------
-
-
-- ---- -------
------------------ --------在这个例子中，ESLint 的配置文件 .eslintrc 只包含了一个规则 "no-console": "error"，表示代码中不能够使用 console，否则会报错。在代码文件 main.js 中，我们使用了 console.log() 这个方法，因此 ESLint 会对这个代码文件进行检查。通过终端调用 ESLint，可以获取到以下的错误信息：
--- ----- ---------- ------- --------- ----------
可以看出，ESLint 检查到了代码中不符合规则的部分，并且在命令行中将错误信息打印出来。
ESLint 不生效的问题
然而，在某些情况下，你可能会发现 ESLint 并没有工作，即使你已经正确地安装了相关软件包并且正确地配置了 .eslintrc 文件。以下是三个常见的问题：
1. 与编辑器插件冲突
这个问题比较常见。很多编辑器都提供了对于 JavaScript 的语法检查插件，有时候与 ESLint 的检查规则会产生冲突，导致 ESLint 无法正常工作。这种情况下，你需要在配置 .eslintrc 文件的时候将相关的规则注释掉。
2. 文件路径问题
ESLint 在工作的时候需要知道要检查的文件的路径，如果路径不正确，ESLint 就会无法检查到目标代码，从而无法生效。确保你在配置 .eslintrc 文件的时候使用了正确的文件路径。
3. 对于特定文件类型无效
ESLint 的默认配置只会检查 JavaScript 代码文件，对于其中嵌入的 HTML 或者 CSS 代码并不会进行检查。如果你想要扩展 ESLint 的能力，检查这些文件，你需要安装并配置相应的插件，比如 eslint-plugin-html、eslint-plugin-stylelint 等等。
结论
ESLint 能够帮助我们在编写 JavaScript 代码时即时发现问题，从而提高代码质量和效率。在使用 ESLint 的时候，如果出现问题可以首先考虑以上三个问题，对症下药，从而解决问题。
参考文献
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6724869b2e7021665e13d931