在前端开发中，在浏览器里进行调试是很普遍的操作。然而，在使用开发服务器时，我们需要通过不断刷新页面才能看到最新的代码效果，这会浪费颇多时间。而 HapiJS REPL 可以在 REPL （交互式解释器） 的基础上增强了开发服务器的功能，让开发人员可以直接在 REPL 中对代码进行修改，并实时查看代码改动后的效果。
HapiJS REPL 是什么
HapiJS REPL 是一个基于 Node.js 的命令行界面工具，它允许你在 REPL 中操作 HapiJS 服务器实例，而不需要启动实际的服务器。在 REPL 中，开发人员可以编写自己的路由代码，修改和测试自己的路由和处理程序，从而大大加快了调试和开发的速度。
如何使用 HapiJS REPL
首先，你需要安装 HapiJS REPL。在控制台输入以下命令：
npm install --save-dev hapi-repl
接下来，你需要为自己的项目创建一个 REPL 配置文件。在项目根目录下，创建一个名为 .hapi-repl.js 的文件。下面是一个示例配置文件：
-- -------------------- ---- -------
-------------- - -
-------- -
------- -
---------- -
------------------ --
------- --------------
-- ---------
-
-
--
-------- -
----- ----
-
--其中，配置文件中的 plugins 部分定义了一些插件来帮助你监视你的服务器的输出。在此示例中，我们使用了在控制台输出日志的 Good 插件。options 部分定义了在 REPL 运行时服务器的端口号。
接下来，运行以下命令启动 REPL：
npx hapi-repl --config .hapi-repl.js
这样，你就可以进入 REPL。
在 REPL 中编写代码
当你在 REPL 中启动服务器时，你可以像使用 Node.js REPL 一样编写代码。当你编写代码时会出现 tab 自动补全的提示，这有助于更快地编写代码。下面是一个简单的示例：
> server.route({ method: 'GET', path: '/hello', handler: (request, h) => { return "Hello, world!" } });这将创建一个 GET 路由，当你访问 /hello 时，服务器将返回 "Hello，world!" 的响应。
与 VS Code 集成
如果默认的 REPL 没有满足你的需求，你也可以使用 VS Code 的集成终端来使用 HapiJS REPL。要使用集成终端，你需要使用以下命令安装 HapiJS REPL：
npm install -g hapi-repl
接下来，在 VS Code 中打开集成终端并运行以下命令：
hapi-repl
这将启动 REPL。然后，你可以像在 REPL 中一样编写代码。
总结
使用 HapiJS REPL 可以显著提高前端开发效率。通过 REPL，你可以在运行服务器的同时编写代码，使得调试和开发变得更加高效。在使用过程中，你也可以与 VS Code 集成，使你的工作更加流畅。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64857ff448841e989444f8a3