调试你的代码

Deno 支持由 Chrome、Edge 和 Node.js 使用的 V8 Inspector Protocol ，这使得可以使用 Chrome DevTools 或者其他支持该协议的客户端（如 VSCode）来调试 Deno 程序。

要激活调试功能，请在运行 Deno 时加上 --inspect、--inspect-wait 或 --inspect-brk 标志。

--inspect 标志允许在任何时候附加调试器，--inspect-wait 将等待调试器附加并开始执行代码，而 --inspect-brk 将等待调试器附加并将暂停代码执行在第一行。

⚠️ 如果你使用 --inspect 标志，那么代码将立即开始执行。如果你的程序很短，你可能没有足够的时间在程序执行结束之前连接调试器。这种情况下，请尝试使用 --inspect-wait 或 --inspect-brk 标志，或在你的代码末尾加上超时时间。

Chrome DevTools

让我们尝试使用 Chrome DevTools 调试一个程序。为此，我们将使用来自 std 的静态文件服务器 file_server.ts 。

使用 --inspect-brk 标志在第一行时中断执行：

$ deno run --inspect-brk --allow-read --allow-net https://deno.land/std@$STD_VERSION/http/file_server.ts
Debugger listening on ws://127.0.0.1:9229/ws/1e82c406-85a9-44ab-86b6-7341583480b1
Download https://deno.land/std@$STD_VERSION/http/file_server.ts
Compile https://deno.land/std@$STD_VERSION/http/file_server.ts
...

在 Chromium 派生浏览器（如 Google Chrome 或 Microsoft Edge）中，打开 chrome://inspect 并点击目标旁的 Inspect：

chrome://inspect

打开 DevTools 后可能需要几秒钟来加载所有模块。

DevTools 打开

你可能会注意到，DevTools 在 _constants.ts 的第一行中暂停执行，而不是在 file_server.ts 中。这是 JavaScript 中 ES 模块评估的预期行为（_constants.ts 是 file_server.ts 最左侧、最底部的依赖项，所以它首先被评估）。

此时 DevTools 中包含了所有的源代码，因此让我们打开 file_server.ts 并在那里添加一个断点。转到 “Sources” 面板并展开树：

打开 file_server.ts