在前端开发中，经常需要在代码中调试，针对某一些特定的场景，在控制台中运行代码是十分高效和方便的一种方式。在这种情况下，如果只能通过手动在控制台输入代码进行调试，将会很容易出现人为的错误，这时就需要一个命令行交互式环境来辅助完成我们的工作。而这时，npm 包 @momsfriendlydevco/repl 就可以为我们带来很大的帮助。
什么是 @momsfriendlydevco/repl
@momsfriendlydevco/repl 是一个基于 Nodejs 的交互式 shell，只需要安装此包，并在控制台中输入 repl 命令，便会自动启动交互式环境。不仅如此，该包还支持一些优秀的功能，比如自动补全、命令别名、历史记录等等，并且在输入有错时，它也能及时给出相关提示。
如何安装和使用
使用 npm 命令即可安装：
npm install -g @momsfriendlydevco/repl
安装完成后，我们就可以在命令行输入 repl 命令，启动交互式环境了。
repl
当我们进入交互式环境后，就可以自由地输入各种 JavaScript 代码了。
不过，如果你想使你工作更加轻松高效，可以试试以下几个 repl 的高级用法：
命令别名
repl 支持一些自定义命令以及命令别名。比如，我们可以为常用的命令设定一些简短的别名，让我们在输入命令时更加快捷。比如，我们可以为 console.log() 设定一个命令别名，命名为 log，那么在输入 log 时，repl 会自动转换为 console.log()。实现方式如下：
.replrc.js
module.exports = {
"alias": {
"log": "console.log"
}
}自动补全
当我们在输入代码时，想要自动补全可以使用 Tab 键进行操作。但是如果你想按照你自己的想法去定义自动补全，那么可以参照以下代码：
-- -------------------- ---- -------
----------
-------------- - -
----------- ------------- --------- -
--- ----------- - --------- -------- --------- ---------- ---------- --------- --------- ----------------- ---------------- --------------- --------------- -------------- --------------
--- -------- - -------- --------
-- ------------------- ----------------------------- -------------------------
-------------- ------------- -----
-
-历史记录
repl 默认支持历史记录功能。支持 ↑ 和 ↓ 方向键翻阅历史记录。如果你发现其默认历史记录功能不太满足你的要求，你可以通过自定义方式进行优化：
-- -------------------- ---- -------
----------
-------------- - -
-------------- ----
----------- ---------
---------- -
---------------- ---- ---- ------
---------------- ---- ---- ------
---------------- ---- ---- -----
--
--------------- ----
-在上述代码中，我们设置了 historySize 为 100，表示 repl 会保存最近 100 条命令历史记录。同时，我们通过 history 显示了几条特定代码的执行历史记录。
小结
@momsfriendlydevco/repl 可以帮助我们高效地完成需要交互控制台的任务。它支持自定义命令别名、自动补全、历史记录等多种优秀功能。了解更多关于它的用法，能帮助我们更好地在开发任务中进行代码调试和测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/99838