Deno 是一款用于编写 JavaScript 和 TypeScript 应用程序的运行时环境,它是由 Node.js 的创始人 Ryan Dahl 开发的。与 Node.js 不同的是,Deno 在设计时考虑了安全性和模块化,不再使用 NPM 等包管理器,而是采用了 ES 模块标准,使得代码的编写和维护变得更加简单和安全。
在使用 Deno 进行开发时,我们经常需要调试代码,以检查代码的正确性和排除错误。本文将介绍如何使用 Deno 进行代码调试,包括使用内置调试器和 VS Code 插件。
使用内置调试器
Deno 内置了一个调试器,可以通过 --inspect
参数启动。具体步骤如下:
在终端中启动应用程序,并添加
--inspect
参数:deno run --inspect app.ts
打开 Chrome 浏览器,并输入
chrome://inspect
地址,点击“Open dedicated DevTools for Node”按钮。在打开的 DevTools 窗口中,选择“Sources”标签页,点击“Add folder to workspace”按钮,添加应用程序所在的文件夹。
在“Sources”标签页中,选择应用程序的入口文件,设置断点并调试代码。
需要注意的是,使用内置调试器需要手动设置断点和调试代码,比较繁琐。如果你使用的是 VS Code 编辑器,可以使用 Deno 插件来简化调试流程。
使用 VS Code 插件
Deno 插件是一个由 Deno 团队维护的 VS Code 插件,它提供了丰富的功能,包括代码高亮、代码格式化、代码片段、自动导入等。其中,最重要的功能之一就是调试器。
使用 Deno 插件进行代码调试的步骤如下:
在 VS Code 中打开应用程序所在的文件夹。
在 VS Code 的左侧边栏中,选择“Debug”视图,点击“Create a launch.json file”按钮,创建一个新的调试配置文件。
将以下代码粘贴到 launch.json 文件中:
-- -------------------- ---- ------- - ---------- -------- ----------------- - - ------- ------ ------ ------- ----------- ---------- --------- ------ --------------------- -------------------- ------- -------------- ------- ---------------- -------------- ---------- ------- ---- - - -
展开代码其中,
app.ts
是应用程序的入口文件,--inspect-brk
参数表示在第一行设置断点,--allow-net
参数表示允许应用程序进行网络请求。在代码中设置断点,点击“Run”按钮启动调试器,即可开始调试代码。
需要注意的是,使用 Deno 插件进行调试时,需要在应用程序中添加 debugger
语句,以便在代码中设置断点。
结论
本文介绍了如何使用 Deno 进行代码调试,包括使用内置调试器和 VS Code 插件。通过使用调试器,我们可以更加方便地检查代码的正确性和排除错误,提高开发效率和代码质量。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/676525c276af2b9a20e90c3c