NOTE
Die Unterstützung der VSCode-Erweiterung ist derzeit fehlerhaft. Wir empfehlen vorerst den [Web Debugger](/guides/runtime/web-debugger).Bun spricht das WebKit Inspector Protocol, sodass Sie Ihren Code mit einem interaktiven Debugger debuggen können.
Um die Erweiterung zu installieren, besuchen Sie die Bun for Visual Studio Code-Seite auf der VS Code Marketplace-Website und klicken Sie auf Installieren.
Alternativ können Sie im Erweiterungen-Tab von VS Code nach bun-vscode suchen.
Stellen Sie sicher, dass Sie die von der verifizierten Oven-Organisation veröffentlichte Erweiterung installieren.
Sobald die Erweiterung installiert ist, erscheinen zwei neue Bun-spezifische Befehle in der Befehlspalette. Um die Palette zu öffnen, klicken Sie auf Ansicht > Befehlspalette oder drücken Sie Strg+Umschalt+P (Windows, Linux) oder Befehl+Umschalt+P (Mac).
Der Befehl Bun: Run File führt Ihren Code aus und gibt die Ausgabe in der Debug-Konsole in VS Code aus. Haltepunkte werden ignoriert; dies ähnelt der Ausführung der Datei mit bun <file> über die Befehlszeile.
Der Befehl Bun: Debug File führt Ihren Code aus und gibt die Ausgabe in der Debug-Konsole in VS Code aus. Sie können Haltepunkte in Ihrem Code setzen, indem Sie links neben einer Zeilennummer klicken; ein roter Punkt sollte erscheinen.
Wenn Sie die Datei mit Bun: Debug File ausführen, wird die Ausführung am Haltepunkt angehalten. Sie können die Variablen im Geltungsbereich inspizieren und den Code Zeile für Zeile mit den VS Code-Steuerelementen durchlaufen.