如果你是一名前端开发者，一定知道 ESLint 这个工具。ESLint 是一个语法检查工具，可以帮助我们发现 JavaScript 代码中的语法错误、风格错误、不规范的写法等问题。使用 ESLint 可以帮助我们写出更加规范、清晰的代码。
但是，ESLint 的配置可能会让一些开发者感到头痛。因为配置一个有效可用的 ESLint 配置文件需要涉及很多细节，比如 ESLint 配置规则、插件、扩展等等。每次新建一个项目，都要重新配置一遍，太过繁琐。而 @electerious/eslint-config 就是为解决这个问题而生，它是一个预设的 ESLint 配置文件，可以直接使用，并且提供了良好的扩展性和可定制性。今天，我们就来了解一下 @electerious/eslint-config 的使用方法和详细配置。
安装
@electerious/eslint-config 是一个 npm 包，因此我们可以使用 npm 安装。打开终端，输入以下命令：
npm install -D @electerious/eslint-config
配置
@electerious/eslint-config 是一个预设的 ESLint 配置文件，它本身并没有包含全部的 ESLint 规则，而是继承了 eslint:recommended。因此，在使用之前，我们需要先安装 ESLint、eslint-plugin-import 和 eslint-plugin-node：
npm install -D eslint eslint-plugin-import eslint-plugin-node
然后，在你的项目根目录中新建一个 .eslintrc.js 文件，并写入以下代码：
module.exports = {
extends: ["@electerious"],
env: {
browser: true,
node: true,
es6: true,
},
};以上配置中，extends 属性继承了 @electerious，意味着我们使用了 @electerious 预设的配置。env 属性指定了我们的代码会在浏览器、Node.js 运行环境下执行，以及 ES6+ 的语法。
除了以上的配置，我们还可以通过 .eslintrc.js 文件自定义一些规则。比如，我们可以禁用 console 和 debugger：
-- -------------------- ---- -------
-------------- - -
-------- -----------------
---- -
-------- -----
----- -----
---- -----
--
------ -
------------- --------
-------------- --------
--
--rules 属性指定了自定义的规则。当代码中使用 console 和 debugger 时，会报错。
使用
配置完成后，我们可以通过命令行工具启动 ESLint，检查我们的代码。举个例子，在 package.json 中添加以下脚本：
{
"scripts": {
"lint": "eslint ."
}
}然后在终端中运行以下命令：
npm run lint
就可以检查项目中的所有 JavaScript 文件了。
结语
@electerious/eslint-config 是一个非常实用且易用的 ESLint 预设配置，它简化了 ESLint 的配置过程，而且提供了很好的扩展与定制性。在实际的项目中，我们可以直接使用它，并加以自定义规则，从而使代码更加清晰、规范。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbb82b5cbfe1ea0611982