在前端开发中，代码风格的规范化是非常重要的一环。为了方便我们开发中的代码风格检查，ESLint 库应运而生。虽然我们可以自定义 ESLint 配置文件，但是这个工作非常繁琐而且不容易掌握，因此出现了很多基于 ESLint 的配置库，@egy186/eslint-config 就是其中的一个。
@egy186/eslint-config 是什么？
@egy186/eslint-config 是一个前端开发中的代码风格规范库，它基于 ESLint 配置，提供了默认的代码检查规则，能够很好的检查在开发中所写的代码是否符合规范要求。
如何安装 @egy186/eslint-config？
我们可以使用以下命令进行安装：
npm install --save-dev @egy186/eslint-config
如何使用 @egy186/eslint-config？
在已经安装 @egy186/eslint-config 后，在项目的根目录中创建 .eslintrc.js 文件，并添加以下代码：
module.exports = {
extends: [
"@egy186/eslint-config"
]
};这样就可以在项目中使用 @egy186/eslint-config 了。我们还可以在 .eslintrc.js 中进行一些自定义的配置，例如增加 globals、添加 plugins 等等，具体可以参考 ESLint 官方文档。
针对 react 项目的配置
如果是针对 react 项目的话，需要添加 @egy186/eslint-config 中的 react 规则，我们可以进行以下步骤：
- 安装 eslint-plugin-react
npm install --save-dev eslint-plugin-react
- 在
.eslintrc.js文件中添加 react 规则：
module.exports = {
extends: [
"@egy186/eslint-config",
"@egy186/eslint-config/react"
]
};示例代码
以下是一个示例代码：
-- -------------------- ---- -------
-------- ------------ -
--- --- - --
--- ---- - - -- - - --------------- ---- -
-- ----------- - ---- -
--- - -----------
-
-
------ ----
-
------------------- -- ----- -- -如果将以上代码保存为 example.js，并在控制台中执行 npx eslint example.js 命令，我们会看到以下输出：
~/example.js 1:1 error 'console' is not defined no-console 6:3 error Expected indentation of 2 spaces but found 1 indent ✖ 2 problems (2 errors, 0 warnings)
可以看到我们写的代码没有按照规范的格式进行编写，这时我们就可以使用 @egy186/eslint-config 指导我们去改正代码，让代码更加的规范化。
总结
@egy186/eslint-config 是一个非常好用的代码风格规范工具，它提供了前端开发过程中所需要的代码规范检查，并且可以非常容易地应用到我们的项目中，如果你是一个有追求的前端开发者，那么非常推荐你去尝试一下它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedc147b5cbfe1ea0611d48