使用 Deno 时如何调试代码

阅读时长 3 分钟读完

Deno 是一款用于编写 JavaScript 和 TypeScript 应用程序的运行时环境,它是由 Node.js 的创始人 Ryan Dahl 开发的。与 Node.js 不同的是,Deno 在设计时考虑了安全性和模块化,不再使用 NPM 等包管理器,而是采用了 ES 模块标准,使得代码的编写和维护变得更加简单和安全。

在使用 Deno 进行开发时,我们经常需要调试代码,以检查代码的正确性和排除错误。本文将介绍如何使用 Deno 进行代码调试,包括使用内置调试器和 VS Code 插件。

使用内置调试器

Deno 内置了一个调试器,可以通过 --inspect 参数启动。具体步骤如下:

  1. 在终端中启动应用程序,并添加 --inspect 参数:

  2. 打开 Chrome 浏览器,并输入 chrome://inspect 地址,点击“Open dedicated DevTools for Node”按钮。

  3. 在打开的 DevTools 窗口中,选择“Sources”标签页,点击“Add folder to workspace”按钮,添加应用程序所在的文件夹。

  4. 在“Sources”标签页中,选择应用程序的入口文件,设置断点并调试代码。

需要注意的是,使用内置调试器需要手动设置断点和调试代码,比较繁琐。如果你使用的是 VS Code 编辑器,可以使用 Deno 插件来简化调试流程。

使用 VS Code 插件

Deno 插件是一个由 Deno 团队维护的 VS Code 插件,它提供了丰富的功能,包括代码高亮、代码格式化、代码片段、自动导入等。其中,最重要的功能之一就是调试器。

使用 Deno 插件进行代码调试的步骤如下:

  1. 在 VS Code 中打开应用程序所在的文件夹。

  2. 在 VS Code 的左侧边栏中,选择“Debug”视图,点击“Create a launch.json file”按钮,创建一个新的调试配置文件。

  3. 将以下代码粘贴到 launch.json 文件中:

    -- -------------------- ---- -------
    -
      ---------- --------
      ----------------- -
        -
          ------- ------ ------
          ------- -----------
          ---------- ---------
          ------ ---------------------
          -------------------- -------
          -------------- ------- ---------------- -------------- ----------
          ------- ----
        -
      -
    -
    展开代码

    其中,app.ts 是应用程序的入口文件,--inspect-brk 参数表示在第一行设置断点,--allow-net 参数表示允许应用程序进行网络请求。

  4. 在代码中设置断点,点击“Run”按钮启动调试器,即可开始调试代码。

需要注意的是,使用 Deno 插件进行调试时,需要在应用程序中添加 debugger 语句,以便在代码中设置断点。

结论

本文介绍了如何使用 Deno 进行代码调试,包括使用内置调试器和 VS Code 插件。通过使用调试器,我们可以更加方便地检查代码的正确性和排除错误,提高开发效率和代码质量。

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

纠错
反馈

纠错反馈