執行環境套件管理器打包器測試執行器程式碼檢查格式化指南參考部落格意見回饋

使用 VS Code 擴充套件除錯 Bun

Bun 支援 WebKit Inspector 協議,因此你可以使用互動式偵錯程式除錯程式碼。


要安裝該擴充套件,請訪問 VS Code 市場網站上的 Bun for Visual Studio Code 頁面,然後點選安裝。

VS Code 擴充套件

或者,在 VS Code 的擴充套件標籤頁中搜索 bun-vscode。

VS Code 擴充套件

確保你安裝的是由已驗證的 Oven 組織釋出的擴充套件。

VS Code 擴充套件

安裝後,命令面板中會出現兩個 Bun 專屬命令。要開啟命令面板,請點選“檢視”>“命令面板”,或按 Ctrl+Shift+P(Windows、Linux)或 Cmd+Shift+P(Mac)。


Bun: Run File 命令會執行你的程式碼,並將輸出列印到 VS Code 中的除錯控制台。該命令會忽略斷點;這與在命令列中使用 bun <file> 執行檔案類似。

VS Code 擴充套件

Bun: Debug File 命令會執行你的程式碼,並將輸出列印到 VS Code 中的除錯控制台。你可以點選行號左側來設定程式碼斷點;此時會出現一個紅點。

使用 Bun: Debug File 執行檔案時,執行會在斷點處暫停。你可以檢查當前作用域中的變數,並使用 VS Code 控制元件逐行執行程式碼。

VS Code 擴充套件