前言
在前端开发的过程中，我们都会使用 ESLint 来统一代码风格、提高代码质量。但是新的项目中，我们还需要重新安装很多插件。为了提高开发效率和规范性，我们可以使用已经定制好的配置，例如 eslint-config-d。
eslint-config-d 作为一个 npm 包，提供了适用于不同开发场景的 eslint 配置文件。通过简单安装和配置即可使用这些配置文件，这为我们带来了很大的便利。
本文介绍如何使用 eslint-config-d npm 包，并介绍 eslint-config-d 的细节。
安装 eslint-config-d
安装这个 npm 包只需要一步即可：
--- ------- --------------- ----------
使用 eslint-config-d
HTML5Boilerplate、React、Polymer 和标准的前端项目都有适合的 eslint 规则文件可供选择。
例如，我们来看看如何在 HTML5 项目中使用 eslint-config-d：
在您的项目的根目录创建名为 .eslintrc.json 的文件。
在 .eslintrc.json 文件中添加以下代码:
-
---------- ---------
-上面的代码表明我们将 eslint-config-d 的 HTML5 规则库继承到我们的项目的 eslint 配置中，这样告诉 ESLint 为我们的项目的代码进行检查。
自定义 eslint-config-d 配置
如果你想要在开发过程中更加个性化的 eslint 配置，你可以通过定制 eslint-config-d 的方式进行配置。
- 创建指向要覆盖的规则文件路径的 .eslintrc.json 文件。
- 将您自己的配置添加给您的项目。
例如，我们想开启无法检测的 console 命令警告，我们需要在我们自定义的 .eslintrc.json 文件中添加以下代码：
-
---------- ----------
-------- -
------------- --------
-
-可以看到，我们添加了一个覆盖，把原本的 error 改为 warn。
结语
至此，我们已经成功的安装了 eslint-config-d，使用并个性化了规则配置。相信在您的开发过程中将会更加规范、有效率和标准。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056d1381e8991b448e6d5b