本篇教程将介绍如何使用 npm 包 eslint-config-yandex ，它是一个基于 ESLint 的配置包，由俄罗斯搜索引擎公司 Yandex 开源。使用该包可以帮助前端开发者在开发过程中更规范、更高效地编写 JavaScript 代码。
安装
在项目根目录下运行以下命令安装该包：
--- ------- ------ -------------------- ----------
其中，--save-dev 参数表示将该包作为开发依赖项安装。
配置
安装成功后，在根目录下创建 .eslintrc.json 文件，并添加以下代码：
- ---------- -------- -
这里，“extends”表示继承的规则集，值为 “yandex” 即表示使用 eslint-config-yandex 的规则集。
此外，如果需要添加自定义规则，可以在该文件中添加，像这样：
-
---------- ---------
-------- -
----------- -------
------------- ------
-
-在这个示例中，我们对规则 no-alert 和 no-console 的级别进行了修改，将它们的严重级别从 “error” 改为了 “warn”。
使用
安装、配置完成后，我们可以在命令行中运行以下命令：
--- ------ ------------
这里 “your-file.js” 是你要检查的文件名。执行命令后，将输出代码中存在的问题，如下图所示：
如图所示，我们的代码存在前缀空格、行末不加分号、多余空行等问题。接下来，我们将逐步解决这些问题。
前缀空格
在这个示例中，我们的代码每行的前缀都存在一个空格。这虽然看上去很细微，但实际上在代码审查中也是一个很重要的问题。我们应该尽可能避免在代码中留下这种小错误。
通过修改 .eslintrc.json 文件中的 no-irregular-whitespace 规则，我们可以禁止代码中存在任何空格、制表符、换行符等不规则的空白字符。修改后的 .eslintrc.json 文件如下所示：
-
---------- ---------
-------- -
-------------------------- -------
-
-修改完规则后，再次运行 npx eslint your-file.js 命令，该问题将得到解决。
行末不加分号
在这个示例中，我们的代码每行的结尾处都缺少分号，这在 JavaScript 的语法中是不合法的。尽管大多数 JavaScript 引擎在解析代码时会做一些自动的修复，但这并不总是可靠的。在代码审查中，应该始终要求开发者包含正确的分号。
通过修改 .eslintrc.json 文件中的 semi 规则，我们可以要求代码中每行的结尾都包含一个分号。修改后的 .eslintrc.json 文件如下所示：
-
---------- ---------
-------- -
------- --------- ---------
-
-修改完规则后，再次运行 npx eslint your-file.js 命令，该问题将得到解决。
多余空行
在这个示例中，我们的代码存在多余的空行，这虽然不影响代码的正确性，但会影响代码的可读性。在代码审查中，我们应该尽可能地避免存在这类问题。
通过修改 .eslintrc.json 文件中的 no-multiple-empty-lines 规则，我们可以禁止代码中存在任何多余的空行。修改后的 .eslintrc.json 文件如下所示：
-
---------- ---------
-------- -
-------------------------- --------- ------- ---
-
-通过修改 {"max": 1}，我们限制空行的最大数量为 1。修改完规则后，再次运行 npx eslint your-file.js 命令，该问题将得到解决。
总结
本篇文章介绍了如何使用 npm 包 eslint-config-yandex 进行 JavaScript 代码规范检查的方法。通过本文的学习，我们可以深入了解 ESLint 工具的使用，了解如何配置规则集，以及学习如何解决我们代码中存在的一些常见问题。
如果你还没有尝试过 ESLint 工具，建议你通过本文的介绍，学习并掌握这个强大的工具，它能够帮助我们编写更规范、更高效的 JavaScript 代码。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66821