作为前端开发人员，我们经常需要使用 ESLint 来帮助我们进行代码规范检查。而 @andybarron/eslint-config 就是一个方便的 ESLint 配置包，可以帮助我们快速设置我们的 ESLint 规则，以确保我们的代码在合适的情况下运行。
安装
首先，你需要安装 eslint 和 @andybarron/eslint-config：
npm install eslint @andybarron/eslint-config --save-dev
然后，在根目录下创建一个配置文件 .eslintrc.json，并添加以下内容：
{
"extends": [
"@andybarron/eslint-config"
]
}使用
在你的项目根目录的终端上输入以下命令，以进行代码检查：
npx eslint .
这个命令将使用你安装的 eslint 和 @andybarron/eslint-config 检查你项目中的所有文件。除此之外，你还可以通过增加配置来自定义它们检查的文件或文件夹。
如果你使用的是 VSCode，你可以将 ESLint 配置为在代码保存后自动运行。
配置示例
以下是一个示例配置，可以在项目的根目录下的 .vscode/settings.json 文件中添加：
-- -------------------- ---- -------
-
--------------------------- -
---------------- ----
--
-------------------------- -----
------------------ -
-------------
------------------
-------------
-----------------
--
----------------- -
------------- ----------------
-
-这个配置将每次保存后自动修复你代码中的报错，并显示 ESLint 的状态。它还指定了哪些文件应该通过 ESLint 进行检查。
配置自定义
@andybarron/eslint-config 已经完全包含了我们需要的规则，但是如果你需要添加、修改或删除某个规则，你可以在自己的项目根目录下创建 .eslintrc.json 配置文件，并在 extends 配置中添加自己的规则，例如：
-- -------------------- ---- -------
-
---------- -
---------------------------
-- -------
--
-------- -
------------- ------
------------------- -----
-
-在这个例子中，我们禁用了 no-console 和 react/prop-types 规则。
结论
@andybarron/eslint-config 可以帮助我们快速设置并开始使用 ESLint 来规范我们的代码。
作为前端开发人员，代码规范是我们的必备技能。通过使用 ESLint 和 @andybarron/eslint-config，我们可以减少代码错误，提高代码质量，从而为项目的成功做出了贡献。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056f7181e8991b448e7a2b