在代码编写过程中，保持良好的代码规范是非常重要的。eslint 是一个 JavaScript 代码检测工具，它可以帮助开发者检测出代码中的潜在问题并提醒开发者修复问题。而通过使用 eslint-config-modular 这个 npm 包，我们可以轻松的设置自己项目的代码规范。
安装 eslint 和 eslint-config-modular
安装 eslint 和 eslint-config-modular 可以通过 npm 命令行来实现：
--- ------- ------ --------------------- ----------
配置 .eslintrc 文件
在项目根目录下，新建一个 .eslintrc.json 文件，用于配置 eslint。eslint-config-modular 可以作为一个扩展来使用，添加到 ".eslintrc" 中。以下是一个基本的示例：
- ---------- ----------- -
此外，还可以在 .eslintrc.json 中进行其他自定义配置，比如：
-
---------- ------------
-------- -
------- --------
------------- ------
-
-上面的配置表示：继承了 eslint-config-modular 的配置，但是在 eslint 规则上覆盖了规则中对分号和 console 的检测，使分号报错，console 输出警告信息。
结合编辑器使用
结合编辑器使用 eslint 可以让我们在代码编写的过程中快速发现问题。以 VS Code 为例，在安装了 eslint 插件的情况下，我们可以在编辑器设置中设置 "editor.codeActionsOnSave" 选项，使得每次保存时自动修复错误：
-
--------------------------- -
----------------------- ----
-
-这样就可以在保存文件时自动修复 eslint 检测出来的错误。
总结
在项目中使用 eslint-config-modular 可以帮助我们制定良好的 JavaScript 代码规范，使得我们的代码更加可读性和可维护性。同时，结合编辑器使用可以更加方便地调试和修复代码问题，提高开发效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/44533