Deno 中如何调试代码？

Deno 是一个新兴的 JavaScript 和 TypeScript 运行时环境，它在浏览器之外运行 JavaScript，并且具有许多强大的特性，例如安全性、内置的模块加载器、支持顶级异步/await 等。在 Deno 中调试代码是一项非常重要的技能，本文将提供详细的说明和示例。

环境配置

在开始调试之前，我们需要安装 Deno。你可以从官方网站 https://deno.land/ 下载并安装。安装完成后，你可以通过以下命令验证是否安装成功：

deno --version

如果你看到输出类似于以下内容，则说明 Deno 已经安装并可正常使用：

deno 1.14.0 (release, x86_64-apple-darwin)
v8 9.4.146.15
typescript 4.5.2

命令行调试

在 Deno 中，你可以通过 --inspect 选项启动调试器。例如，你可以通过以下命令以调试模式启动脚本：

deno run --inspect app.ts

然后，打开 Chrome 浏览器，在地址栏输入 chrome://inspect，在弹出窗口中点击 "Open dedicated DevTools for Node"。接下来，你将会在打开的页面上看到 "Node.js" 的开发者工具。

在工具栏中选择 "Sources"，然后你就可以在左侧的文件列表中勾选需要调试的脚本。确定选择完成后，你就可以在右侧的编辑器中进行调试了。你可以使用断点来控制代码的执行，并在调试时查看变量和表达式的值。

注意：Chrome 浏览器的版本需要在 60 或以上。

VS Code 调试

除了命令行之外，你还可以使用 VS Code 来调试 Deno 应用程序。你可以使用 Deno 扩展来获取 Deno 的开发体验。首先，你需要在 VS Code 中安装 Deno 扩展。你可以通过以下步骤完成：

1. 打开 Extensions 选项卡，输入 "deno" 并回车。
2. 选择 Deno 扩展并点击 "Install" 按钮。

安装完成之后，你就可以在 VS Code 的侧边栏中看到 Deno 模块。然后，请按照以下步骤开始调试 Deno 应用程序：

1. 打开 app.ts 文件。
2. 在左侧边栏中单击 "Run and Debug"，然后选择 "Add Configuration"。
3. 选择 "Deno"，然后选择 "Launch Program"。
4. 完成调试器配置，并按 F5 运行调试器。

你可以使用断点来控制代码的执行，并在调试时查看变量和表达式的值。

以下是一个基本的示例：

const sum = (a: number, b: number) => {
  return a + b;
}

const result = sum(2, 3);
console.log(result);

在 VS Code 中以调试模式运行上述示例，你将能够在编辑器中看到代码的执行并查看变量的值。

总结

本文介绍了如何在 Deno 中进行调试。

• 通过 --inspect 选项在命令行中启用调试器。
• 使用 VS Code 的 Deno 扩展调试 Deno 应用程序。

我们希望这篇文章能够帮助你学习和掌握 Deno 的调试技巧。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a0900eadd4f0e0ff8d631b