介绍
在前端工程化开发中，代码的规范性是非常重要的。然而，由于 JavaScript 语言本身的灵活性，以及开发团队成员的个人习惯，导致代码规范经常难以统一，而导致代码可读性、可维护性下降，耗费更多的时间和精力保证代码质量。
在这种情况下，构建了许多自动化的工具来帮助开发者自动检验规范问题。其中一种工具是 ESLint ，ESLint 是一个开源的 JavaScript 代码检查工具，可以帮助程序员发现和修复代码中的问题。
而 eslint-config-js 就是一个可扩展的配置，通过它可以快速配置 eslint 的规则，让它自动检测并修复代码中的问题。
这篇文章将会介绍如何在项目中使用 eslint-config-js 。
安装
为了能够使用 eslint-config-js ，我们需要先安装 eslint 工具包：
npm install eslint --save-dev
安装好了 eslint 之后，我们还需要安装 eslint-config-js ：
npm install eslint-config-js --save-dev
配置
在项目的根目录下创建一个 .eslintrc.js 配置文件，并引入 eslint-config-js 。
module.exports = {
extends: [
'js', // 使用 eslint-config-js
],
rules: {}, // 具体规则，该属性可以省略
globals: {}, // 全局变量，该属性可以省略
}其中， rules 属性用来自定义 eslint 规则，而 globals 属性用来添加全局变量。
集成到项目
将配置文件添加到项目中后，在 package.json 中的 scripts 字段中增加以下内容:
"scripts": {
"lint": "eslint ."
}然后，运行 npm run lint 即可运行 eslint 对代码进行检查。
如果发现有 ESLint 管理的文件规范问题，可以运行 npm run lint -- --fix 命令进行自动修复。
示例代码如下：
-- -------------------- ---- -------
-- ------------
-------------- - -
-------- -
----- -- -- ----------------
--
------ -
-- ------------- -----
----------- --------
--
-------- -
-- ---------
-- -----
--
--
-- ------------
-
------- -------------
---------- --------
---------- -
------- ------- --
--
------------------ -
--------- ----------
------------------- --------
-
-总结
通过使用 eslint-config-js ，我们可以快速的配置 eslint 。它的使用不仅能够减少代码规范的问题，也是开发更高质量的代码的基础。希望这篇文章能够帮助你了解并学会如何在前端经理开发中使用 eslint-config-js 。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f2baa773b0ab45f74a8bb50