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 控件逐行單步執行代碼。