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
扩展。你可以通过以下步骤完成:
- 打开 Extensions 选项卡,输入 "deno" 并回车。
- 选择
Deno
扩展并点击 "Install" 按钮。
安装完成之后,你就可以在 VS Code 的侧边栏中看到 Deno
模块。然后,请按照以下步骤开始调试 Deno 应用程序:
- 打开
app.ts
文件。 - 在左侧边栏中单击 "Run and Debug",然后选择 "Add Configuration"。
- 选择 "Deno",然后选择 "Launch Program"。
- 完成调试器配置,并按 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