前言
在日常的前端开发中，我们经常会使用到 ESLint 工具对我们的代码进行检查。ESLint 可以帮我们规范化编程风格，减少代码漏洞的产生。本文将介绍一个可用于 React 项目的 ESLint 配置包 @axa-ch/eslint-config-axa-react。
安装
在安装 @axa-ch/eslint-config-axa-react 之前，需要确保已经安装了 ESLint 和 React 插件。具体安装方式可参考官方文档。
在安装完成前置依赖后，我们可以使用以下命令安装 @axa-ch/eslint-config-axa-react：
npm install --save-dev @axa-ch/eslint-config-axa-react
配置
安装完成后，我们需要将 @axa-ch/eslint-config-axa-react 添加到 ESLint 的配置文件中。一般来说，我们的 ESLint 配置文件是一个 .eslintrc 文件。下面是一个示例的 .eslintrc 文件：
{
"extends": ["@axa-ch/eslint-config-axa-react"]
}上面的配置文件将 @axa-ch/eslint-config-axa-react 添加到了 ESLint 配置中，从而可以使用其中的规则来检查代码。值得注意的是，在使用前别忘了在当前项目中安装 eslint-config-airbnb，一个本包的依赖。
使用
安装和配置完成后，我们就可以通过以下命令来使用 ESLint 对代码进行检查了：
eslint your-file.js
或者检查整个项目：
eslint .
如果 ESLint 配置文件配置正确，将直接使用 @axa-ch/eslint-config-axa-react 中的规则去检查代码。
结语
@axa-ch/eslint-config-axa-react 为 React 项目提供了一套完整的 ESLint 配置规则，为我们的开发带来了很大的便捷。希望本文对大家理解和使用该包有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005a14a81e8991b448ed52d