npm 包 `jorniyoo-debugger` 使用教程

在前端开发中，我们经常需要对代码进行调试和排错。为了方便地进行调试，我们可以使用 jorniyoo-debugger 这个 npm 包。jorniyoo-debugger 可以帮助我们在代码里插入调试语句，以便在运行时输出变量值、调用栈等信息。

安装

首先，我们需要在项目中安装 jorniyoo-debugger。打开终端，进入项目目录，然后执行以下命令：

npm install jorniyoo-debugger --save-dev

这里我们使用了 --save-dev 参数，表示将 jorniyoo-debugger 安装在开发依赖中。

使用

使用 jorniyoo-debugger 很简单。我们只需要在代码中插入调试语句即可。调试语句有以下两种形式：

debugger.log(variable);
debugger.info(variable);

其中，debugger.log 用于输出变量的值，debugger.info 用于输出变量的类型。我们可以传入任意类型的变量，包括字符串、数字、布尔值、数组、对象等等。

下面是一个简单的示例代码，它使用 jorniyoo-debugger 来输出数组的长度和元素：

const arr = [1, 2, 3];
debugger.log(arr.length);
debugger.info(arr);

当我们运行这段代码时，控制台会输出以下信息：

[DEBUGGER] arr.length: 3
[DEBUGGER] arr: [
  1,
  2,
  3
]

这些信息可以帮助我们快速了解代码的运行状态，从而更好地排错。

配置

jorniyoo-debugger 支持多种配置选项。这些选项可以通过在代码里设置环境变量来控制。以下是可用的配置选项及其含义：

• DEBUGGER_HIGHLIGHT：是否启用输出信息的高亮显示，默认为 true。
• DEBUGGER_LOG_LEVEL：输出信息的级别，可选为 "log" 或 "info"，默认为 "log"。

要设置环境变量，我们可以在终端里执行以下命令：

DEBUGGER_HIGHLIGHT=false DEBUGGER_LOG_LEVEL=info node app.js

这里我们设置 DEBUGGER_HIGHLIGHT 为 false，表示禁用信息的高亮显示；设置 DEBUGGER_LOG_LEVEL 为 info，表示只输出变量的类型信息。

总结

通过使用 jorniyoo-debugger，我们可以在代码中插入调试语句，快速了解代码的运行状态，从而更好地进行调试和排错。如果你遇到了问题，可以尝试使用 jorniyoo-debugger 来进行调试。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067380890c4f72775841b6