介绍
eslint-config-jquery 是一个针对 jQuery 项目的 ESLint 配置包。它为开发者提供了一个符合 jQuery 官方代码风格指南的 ESLint 配置，通过使用它可以帮助团队统一代码风格，减少错误和漏洞。
安装
你可以通过运行下面的命令来安装 eslint-config-jquery：
npm install eslint-config-jquery --save-dev
使用
在你的项目中创建 .eslintrc 文件，并将以下内容添加到此文件中：
{
"extends": "jquery"
}如果你需要同时使用其他扩展，可以使用一个数组：
{
"extends": ["jquery", "some-other-config"]
}在命令行中使用
你可以使用以下命令来执行 ESLint 检查:
eslint yourfile.js
如果你需要检查多个文件，可以使用通配符：
eslint yourfolder/*.js
示例
下面是一个包含 jQuery 语法的示例文件 example.js：
$(document).ready(function() {
$('a').click(function(event) {
alert('Thanks for visiting!');
});
});如果你运行 eslint example.js，你会看到以下输出：
example.js 2:1 warning '$' is not defined no-undef 2:4 error Unexpected use of '$' jquery/no-alias 3:3 warning '$' is not defined no-undef 3:6 error Unexpected use of '$' jquery/no-alias ✖ 4 problems (2 errors, 2 warnings)
在这个示例中，ESLint 检查到 $ 是一个未定义的变量，并且不允许使用 $ 作为 jQuery 的别名。为了解决这些问题，你可以将代码改成以下形式：
jQuery(document).ready(function() {
jQuery('a').click(function(event) {
alert('Thanks for visiting!');
});
});然后再次运行 eslint example.js，你将看到：
example.js 2:1 warning 'jQuery' is not defined no-undef 3:3 warning 'jQuery' is not defined no-undef ✖ 2 problems (0 errors, 2 warnings)
在这个示例中，还有一些警告，因为我们没有在代码中定义 jQuery 变量。如果你想要消除这些警告，你需要在文件顶部添加以下代码：
/* global jQuery */
这将告诉 ESLint jQuery 是一个全局变量，不需要检查它是否被定义。
结论
ESLint 配置包 eslint-config-jquery 可以帮助团队统一 jQuery 项目的代码风格，并减少错误和漏洞。通过本文的介绍和示例，你已经学会了如何安装和使用 eslint-config-jquery，并且了解了如何解决其中的一些常见问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49354