NOTE

VSCode 扩展支持目前存在问题。我们建议暂时使用 [Web 调试器](/zh-cn/guides/runtime/web-debugger)。

Bun 支持 WebKit Inspector Protocol，因此你可以使用交互式调试器调试代码。

---

要安装扩展，请访问 VS Code 市场网站上的 Bun for Visual Studio Code 页面，然后点击安装。

---

或者，在 VS Code 的扩展选项卡中搜索 bun-vscode。

---

确保你安装的是由 Oven 组织发布的已验证扩展。

---

安装后，命令面板中将出现两个新的 Bun 特定命令。要打开面板，请点击查看 > 命令面板，或输入 Ctrl+Shift+P（Windows、Linux）或 Cmd+Shift+P（Mac）。

---

Bun: 运行文件 命令将执行你的代码并将输出打印到 VS Code 中的调试控制台。断点将被忽略；这类似于从命令行使用 bun <file> 执行文件。

---

Bun: 调试文件 命令将执行你的代码并将输出打印到 VS Code 中的调试控制台。你可以通过点击行号左侧来在代码中设置断点；应该会出现一个红点。

当你使用 Bun: 调试文件 运行文件时，执行将在断点处暂停。你可以检查作用域内的变量，并使用 VS Code 控件逐行单步执行代码。