VS Code 拡張機能で Bun をデバッグ

NOTE

VSCode 拡張機能のサポートは現在バグがあります。現時点では [Web デバッガ](/ja/guides/runtime/web-debugger) を推奨します。

Bun は WebKit Inspector Protocol を使用するため、インタラクティブなデバッガでコードをデバッグできます。

拡張機能をインストールするには、VS Code マーケットプレイスウェブサイトの Bun for Visual Studio Code ページにアクセスして、Install をクリックします。

または、VS Code の Extensions タブで bun-vscode を検索します。

確認済みの Oven 組織によって公開された拡張機能をインストールしていることを確認してください。

インストールされると、2 つの新しい Bun 固有のコマンドがコマンドパレットに表示されます。パレットを開くには、表示 > コマンドパレットをクリックするか、Ctrl+Shift+P（Windows、Linux）または Cmd+Shift+P（Mac）を入力します。

Bun: Run File コマンドはコードを実行し、出力を VS Code のデバッグコンソールに出力します。ブレークポイントは無視されます。これはコマンドラインから bun <file> でファイルを実行するのと同様です。

Bun: Debug File コマンドはコードを実行し、出力を VS Code のデバッグコンソールに出力します。行番号の左側をクリックしてコードにブレークポイントを設定できます。赤いドットが表示されます。

Bun: Debug File でファイルを実行すると、ブレークポイントで実行が一時停止します。スコープ内の変数を検査し、VS Code のコントロールを使用してコードを 1 行ずつステップ実行できます。