在现代 Web 前端开发中，代码质量变得越来越重要，这也导致了代码静态分析工具的广泛使用。其中 eslint 作为最常用的代码规范工具之一，在前端开发中也得到了广泛的使用。
在 eslint 应用过程中，一般会基于一种 eslint 规则集（eslint config）进行代码规范限制。本篇文章介绍 eslint-config-automatic 这个规则集，并详细讲解它的使用方法。
什么是 eslint-config-automatic？
eslint-config-automatic 基于 eslint，是一个自动化的 eslint 规则集，它能够自动识别项目中使用的其他类库，并提供一系列与该类库相关的代码规范。
简单而言，即用户只需要安装 eslint-config-automatic，就可以拥有一系列的代码规范，让其与项目中的依赖类库保持一致。
如何安装并使用 eslint-config-automatic？
安装
$ npm install eslint-config-automatic
注：使用本规则集之前，要先安装 eslint。
使用
为了使用 eslint-config-automatic，用户需要将其添加到 .eslintrc 文件中的“extends”数组集合中，如下所示：
{
"extends": [
"eslint-config-automatic"
]
}这么做之后，eslint 将依据项目依赖自动识别各类类库，并为其生成合适的代码规范。如下所示，当项目中使用了 react 和 lodash 时，eslint 将根据其识别为这样进行应用：
{
"extends": [
"eslint-config-react-app",
"eslint-config-lodash"
]
}自定义规则
如果开发者希望使用 eslint-config-automatic 并针对某个类库或个别规则进行定制，则需要在 .eslintrc 文件中添加以下代码：
-- -------------------- ---- -------
-
---------- -
-------------------------
--
-------- -
------------------------ ------
------------------- ------
-
-其中 "no-extra-boolean-cast": "off" 的含义是关闭对布尔型转换无效的警告，而 "react/prop-types": "warn" 则将未声明的 propTypes 标记为警告。
总结
在本文中，我们介绍了 eslint-config-automatic 的使用方法，即在项目中安装和使用这个自动化的 eslint 规则集的步骤，同时还介绍了如何自定义这个规则集。
通过识别项目中的依赖类库，eslint-config-automatic 能够自动提供一系列的与规则相符的代码规范，让代码更加规范化，也提高了代码维护的效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671d730d0927023822c91