如何在 ESLint 中配置检查 jQuery 代码
ESLint 是现代 JavaScript 开发中广泛使用的代码检查工具之一。它可以检查代码中的错误、格式和风格，并帮助维护代码的一致性和可读性。 在本文中，我们将讨论如何在 ESLint 中配置检查 jQuery 代码。
安装并配置 ESLint
首先，我们需要在项目中安装 ESLint。 在终端中，我们可以使用以下命令安装 ESLint：
npm install eslint --save-dev
在安装完 ESLint 后，我们需要在我们的项目根目录中创建一个 .eslintrc 文件，并配置它以使用我们需要的规则和插件。 我们可以使用任何支持 jQuery 的规则和插件，但在本教程中，我们将使用 eslint-plugin-jquery 插件，该插件包括许多有用的规则，可以帮助我们检查 jQuery 代码。
下面是 .eslintrc 配置文件的示例：
-- -------------------- ---- ------- - ---------- - -------- -- ------ - ---------- ----- --------- ---- -- -------- - ----------------- -- -------------------- -- ----------------- -- ----------------- -- ------------------ -- ------------------ -- -------------------- -- ----------------- -- --------------------- -- --------------------- -- ----------------- -- ------------------- -- ----------------- -- ------------------------ -- ----------------- -- ---------------- -- ----------------- -- ----------------- -- --------------------- -- --------------- -- ----------------- -- ---------------- -- ------------------ -- ------------------ -- ------------------- -- -------------------- -- ----------------------- -- ----------------- -- ------------------ -- ------------------ -- ---------------------- -- ----------------- -- ----------------- -- ------------------- -- ------------------ -- ------------------- -- ----------------- -- ------------------- -- -------------------- -- ----------------- -- --------------------- -- ---------------- -- ----------------- -- ---------------- - - -展开代码
在这个例子中，我们使用了所需的所有 jQuery 规则，并将它们都设置为错误等级 2。这意味着 ESLint 将会对我们的代码中违反这些规则的任何事情产生错误级别的警告。
启用 jQuery 插件
在这个例子中，我们使用了 eslint-plugin-jquery 插件。要启用此插件，请使用以下命令安装它：
npm install eslint-plugin-jquery --save-dev
安装成功后，在您的 .eslintrc 文件中添加以下行：
{ "plugins": [ "jquery" ], ... }
这将使 ESLint 加载并启用 eslint-plugin-jquery 插件。
检查 jQuery 代码
现在我们已经完成了配置并启用了 jQuery 规则和插件，请执行以下命令以开始检查您的 jQuery 代码：
eslint my-jquery.js
在这里，my-jquery.js 是您要检查的实际文件名。
如果您的代码中有任何违反指定规则的东西，ESLint 将会显示错误级别的警告。例如，如果您的代码中有未使用的变量，则会显示如下信息：
1:5 error 'unusedVariable' is defined but never used no-unused-vars
这种方法可以使我们的代码更加规范化、直观、可维护，并减少 bug 的产生。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67bad980306f20b3a69f2dfc
