ESLint 是一个常用的 JavaScript 代码检查工具，它可以帮助开发者在开发过程中发现代码中的潜在问题，从而提高代码质量和开发效率。而 Airbnb 则是一个知名的民宿平台，其工程师们在日常开发中总结了一套完整的 JavaScript 代码规范，被广泛使用。本文将介绍如何在 ESLint 中开启对 Airbnb 规则的支持。
安装 ESLint
在使用 ESLint 之前，需要先安装它。可以使用 npm 进行安装：
npm install eslint --save-dev
安装 Airbnb 规则
安装 ESLint 后，需要安装 Airbnb 规则。由于 Airbnb 规则是一个独立的包，因此需要单独安装：
npm install eslint-config-airbnb --save-dev
同时，还需要安装一些 Airbnb 规则所依赖的插件：
npm install eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y --save-dev
配置 ESLint
安装完 Airbnb 规则后，需要在项目中添加一个 ESLint 配置文件，用于指定规则和插件等信息。可以手动创建一个 .eslintrc.json 文件，并添加如下内容：
{
"extends": "airbnb",
"plugins": [
"import",
"react",
"jsx-a11y"
]
}其中，extends 属性指定了继承自哪个规则集，这里指定为 airbnb。plugins 属性则指定了需要使用的插件。
配置编辑器
在配置完 ESLint 后，还需要在编辑器中开启 ESLint 支持。以 VS Code 为例，需要安装 ESLint 插件，并在设置中添加如下配置：
{
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
]
}这样，当编辑器保存代码时，ESLint 就会自动检查代码，并在有问题的地方给出提示。
示例代码
下面是一个示例代码，演示了如何使用 ESLint 和 Airbnb 规则：
-- -------------------- ---- -------
------ ------ - -------- - ---- --------
-------- ----- -
----- ------- --------- - ------------
------ -
-----
------ ------- ------- ---------
------- ----------- -- -------------- - --------- -----------
------
--
-
------ ------- ----在使用 ESLint 和 Airbnb 规则的情况下，以上代码是符合规范的，不会产生任何警告或错误。如果代码中存在问题，ESLint 就会给出相应的提示。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e2f8e31886fbafa4f85856