Deno 中如何调试代码?

阅读时长 3 分钟读完

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

环境配置

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

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

命令行调试

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

然后,打开 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 运行调试器。

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

以下是一个基本的示例:

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

总结

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

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

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

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/65a0900eadd4f0e0ff8d631b

纠错
反馈