在前端开发过程中，代码规范是非常重要的。而一个好的静态代码分析工具可以帮助我们发现代码潜在的问题，而 eslint 就是一个很好的选择。但是当我们使用 eslint 的时候，我们总是需要自己配置一堆规则，有时候还需要参考别人的规则来修改自己的规则。一些通用的规则，我们经常复制粘贴，但是这样并不是一个很高效的做法。这时候，eslint 的配置继承机制就很有用了，我们可以根据自己的需求配置自己的 eslint，同时也可以继承别人的 eslint 配置。
本文将介绍一个名为 eslint-config-isiahmeadows 的第三方包，它提供了一系列常用的 eslint 规则，可以帮助我们更快的配置 eslint，使我们的代码更加规范。
使用 eslint-config-isiahmeadows 包
首先，我们需要安装 eslint 和 eslint-config-isiahmeadows。在命令行中输入以下命令：
--- ------- ------ -------------------------- ----------
这样，我们就可以开始使用 eslint-config-isiahmeadows 包了。在你的项目中，新建一个 .eslintrc.js 文件，然后在文件中输入以下内容：
-------------- - -
-------- -
----------------------------
-
--这样，我们就使用 eslint-config-isiahmeadows 包提供的所有规则了。这里需要注意的是，extends 这个属性需要输入一个数组，可以加入多个规则，但是如果有重复的规则，后面的规则会覆盖前面的规则。
然而，如果你需要修改某些规则，或者加入自己的规则，只需要在 .eslintrc.js 文件中按照 eslint 配置的方式使用就可以了。
-------------- - -
-------- -
----------------------------
--
------ -
------- --------- ----------
----- --------- ----------
------------- -------
-
--以上代码中，我们修改了 quotes 和 semi 规则，并禁止使用 console。
保存自己的 eslint 配置
经过修改后的 eslint 配置可能会在项目之间中使用，如果需要分享到其他项目中，就需要我们保存修改后的 eslint 配置。保存修改后的 eslint 配置有两种方式：
保存为文件
可以将修改后的 eslint 配置保存到磁盘上的一个文件中，以后每次使用 eslint 时就直接将这个文件指定给 eslint 就可以了。
-- -----------------------
-------------- - -
-------- -
----------------------------
--
------ -
------- -------- ----------
----- --------- ----------
------------- -------
-
--在命令行中输入以下命令来使用新的 eslint 配置：
------ - -------- -----------------------
保存为包
我们可以将修改后的 eslint 配置保存到一个 npm 包中，这样别人在使用我们的项目时，只需要在项目中安装我们的 npm 包并引用就可以了。
在项目中新建一个 package.json 文件，并在文件中加入以下内容：
-
------- -------------------
---------- --------
-------------- ----- -- - ------ ------ --------
--------- ----- ---- -------------------------
---------- ------
------- ----------------------------
------------- -
------- ------
------ ---------------------------------------------------------------
-
-以上代码中，我们指定了 eslint 配置文件的文件名，并且将这个配置文件保存为一个单独的 npm 包。这个配置文件需要命名为 .eslintrc-.js ，其中 是你的项目名。
然后，在命令行中输入以下命令来使用新的 eslint 配置：
--- ------- ------------------ ----------
在 .eslintrc.js 文件中使用使用自己的 eslint 配置：
-------------- - -
-------- -
-----------------------------
---------------------
--
------ -
------- -------- ----------
----- --------- ----------
------------- -------
-
--这样，我们就可以在项目中使用我们自定义的 eslint 配置了，而无需再次修改 eslint。
总结
eslint-config-isiahmeadows 包提供了许多常用的 eslint 规则，使用这个包可以更加方便和快速的配置 eslint，使我们的代码更加规范。同时，eslint 又提供了配置继承机制，可以使我们更加灵活的定制自己的 eslint 配置。这个继承机制非常好用，建议大家好好利用一下。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedc6d0b5cbfe1ea0612275