什么是 ESLint？
ESLint 是一种 JavaScript 代码检查工具，可以根据预设的规则检查 JavaScript 代码是否符合规范。它可以帮助开发人员找到代码中的潜在问题，例如未定义的变量，不正确的语法以及可能会引发错误的代码。通过使用 ESLint，开发人员可以确保他们的代码始终保持一致、可读性高，并符合良好的编程实践。
ESLint 配置生效问题
ESLint 配置文件的作用是指定检查规则并定义全局变量。但有时候，即使按照规范编写了 .eslintrc 文件，ESLint 可能仍然无法生效。下面列出了一些常见的情况及其解决方法。
1. 重新启动编辑器或清除缓存
当你更新 .eslintrc 配置文件或修改了 package.json 中的依赖时，有时需要重新启动编辑器或清除缓存。这可以确保编辑器加载最新的配置文件并使用最新的依赖。
2. 添加文件扩展名
在某些情况下，ESLint 可能无法识别文件类型。这通常会发生在没有指定文件扩展名的文件中。如果你使用的是未指定扩展名的文件类型，请确保在 .eslintrc 文件中添加以下配置：
"overrides": [
{
"files": ["*"],
"extenstions": [".js"]
}
]这将告诉 ESLint，对于任何文件（"*"），都要将其视为 JavaScript 文件（".js"）。
3. 配置文件路径问题
如果你的 .eslintrc 文件与代码不在同一目录下，那么需要指定文件的相对路径或绝对路径。例如，如果 .eslintrc 文件在项目的根目录下，那么可以添加以下配置：
"extends": "./.eslintrc.json"
这告诉 ESLint 在项目根目录下寻找 .eslintrc.json 配置文件。
4. IDE 集成插件
许多编辑器包含 ESLint 插件，以便在编辑器中使用它。这些插件可以确保代码检查与编辑器同步，并在代码中显示错误和警告。如果您正在使用编辑器插件，则可能需要更改其设置以启用 ESLint。不同的插件有不同的设置方法，请查看您使用的插件的文档。
总结
ESLint 是一个非常有用的工具，可以帮助开发人员找到并纠正代码中的问题。如果您在使用 ESLint 时遇到了问题，请检查以上所有方面，以确定您的配置正确，并确保您的代码遵循最佳实践。
示例代码
-- -------------------- ---- -------
-- --------------
-
---------- -----------------------
------ -
---------- -----
------- -----
------ ----
--
-------- -
------------- ------
----------------- --------- - ------- ------ --
-
-上面的代码是一个基本的 .eslintrc 配置文件。它指定了三个环境（浏览器、Node 和 ES6），关闭了 no-console 规则并将 no-unused-vars 规则的 args 选项设置为 "none"。这意味着即使未使用函数参数，也不会发出警告。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6487dda448841e98946683ab