在前端开发过程中，我们不可避免地会遇到代码质量和规范的问题。为了帮助前端开发者规范代码的编写， eslint 工具应运而生。而 eslint-config-buildo 是一个优秀的 eslint 配置包，本文将为大家介绍如何使用它。
安装
使用 npm 安装：
--- ------- ---------- ------ --------------------
配置
在根目录新建 .eslintrc.js 文件，并将以下代码复制进去：
-------------- - - -------- ---------- -
该配置文件从 eslint-config-buildo 中继承了所有的规则。
常见问题
如何解决注释代码无法通过检查的问题？
在代码中有时候会出现做注释来标明一段暂时不需要的代码的情况，但 eslint 在默认的规则下，这样的代码会被报错。解决方法也很简单，在配置文件中加入一行注释忽略的代码即可：
-------------- - -
-------- -----------
-------
------------------------ --------- - ------------------ ----- ------------- ---- ---
----------------- --------- - -------------------- ------------- ---
--------------------- -----
-
-以上代码将 no-unused-expressions 规则中的 allowShortCircuit 和 allowTernary 设为 true，并将 no-unused-vars 规则中的 argsIgnorePattern 设为 ^travisPost。同时关闭了 no-inline-comments 规则。
如何按需配置规则？
在使用 eslint-config-buildo 的情况下，可能我们只需要使用其中的部分规则，而不是全部规则，怎么办呢？很简单，只需要将需要使用的规则的配置参数添加到配置文件中即可。例如，我们只需要使用 buildo/recommended 中的 no-alert 规则，可以这样写：
-------------- - -
-------- ---------------------
------ -
----------- -------
-
-总结
使用 eslint-config-buildo 可以让前端开发更加规范化，避免代码质量问题的出现。本文简单介绍了如何安装、配置，并解决了部分常见问题。希望本文能帮助到大家更好地使用该包。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5f717286a9b7065299ccbb61