简介
随着前端项目的复杂度和规模的增加，代码质量的要求也变得越来越高。在这样的背景下，ESLint 这一代码检查工具便应运而生了。它可以帮助我们统一代码风格，防止写出低质量、容易出错的代码。
而 eslint-config-imperative 这个 npm 包，则提供了一套基础的 ESLint 配置模板，可以用来避免重复造轮子，快速开始一个项目的代码规范检查工作。本文将详细介绍这个 npm 包的使用方法。
安装
首先，你需要在你的项目根目录下安装 eslint 和 eslint-config-imperative 这两个 npm 包。
npm install eslint eslint-config-imperative --save-dev
配置
接下来，在你的项目根目录下新建一个 .eslintrc.json 文件，将以下内容复制到文件中：
{
"extends": "eslint-config-imperative"
}规则配置
默认情况下，eslint-config-imperative 规范针对的是 ES6+ 语法，且对一些比较基础的规则作出了配置，比如说：
- 禁止使用 alert、console 等 debugger
- 禁止使用 eval
- 禁止出现未使用的变量
- 代码中使用单引号
如果你想要添加一些规则或者修改已有的规则，你只需要在 .eslintrc.json 文件中进行配置即可。
比如说，我们想要开启 no-debugger 规则，可以这样配置：
{
"extends": "eslint-config-imperative",
"rules": {
"no-debugger": "error"
}
}然后，当我们的代码中出现 debugger 语句的时候， ESLint 会直接产生一个 error 级别的错误，是一个比较强的规则。
在和团队成员合作的时候，你可以通过 rules 对象配置共识的代码规范，以达到统一代码风格、减少人为错误的目的。
自定义配置
如果你想要自定义自己的配置，比如说自己想要定义规则，或者继承除 eslint-config-imperative 之外的配置，你需要在自己项目中自定义一个 .eslintrc.json 文件，然后在这个文件中配置你自定义的规则和 eslint-config-imperative。
假设你想要使用 eslint-config-imperative 基础规则基础之上同时定义自己的规则，可以这样配置：
{
"extends": ["eslint-config-imperative"],
"rules": {
"my-custom-rule": "warn"
}
}这样，你就可以在项目中引入你的自定义规则。
结语
以上就是 eslint-config-imperative 包的使用介绍，通过 npm 安装、配置规则配置，以及自定义规则这三个部分，我们带领大家轻松了解了这个包的用法。
在实际的工作中，代码规范一直是一个被重视的话题，通过引入 ESLint 及其扩展包，我们就可以更快速、高效地进行代码规范的检查和维护，极大地提升开发效率以及代码品质。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64646