Visual Studio Code

​

VS Code Erweiterung (Beta)

Die VS Code Erweiterung, die sich in der Beta-Phase befindet, ermöglicht es Ihnen, Claudes Änderungen in Echtzeit über eine native grafische Benutzeroberfläche zu sehen, die direkt in Ihre IDE integriert ist. Die VS Code Erweiterung macht es einfacher, auf Claude Code zuzugreifen und damit zu interagieren, für Benutzer, die eine visuelle Benutzeroberfläche dem Terminal vorziehen.

​

Funktionen

Die VS Code Erweiterung bietet:

• Native IDE-Erfahrung: Dediziertes Claude Code Seitenpanel, das über das Spark-Symbol zugänglich ist
• Planmodus mit Bearbeitung: Überprüfen und bearbeiten Sie Claudes Pläne, bevor Sie sie akzeptieren
• Automatischer Akzeptanzmodus: Wenden Sie Claudes Änderungen automatisch an, während sie vorgenommen werden
• Dateiverwaltung: @-Erwähnung von Dateien oder Anhängen von Dateien und Bildern mit dem System-Dateiauswahl
• MCP-Servernutzung: Verwenden Sie Model Context Protocol Server, die über die CLI konfiguriert sind
• Gesprächsverlauf: Einfacher Zugriff auf frühere Gespräche
• Mehrere Sitzungen: Führen Sie mehrere Claude Code Sitzungen gleichzeitig aus
• Tastaturkürzel: Unterstützung für die meisten Kürzel aus der CLI
• Schrägstrich-Befehle: Greifen Sie auf die meisten CLI-Schrägstrich-Befehle direkt in der Erweiterung zu

​

Anforderungen

• VS Code 1.98.0 oder höher

​

Installation

Laden Sie die Erweiterung aus dem Visual Studio Code Extension Marketplace herunter und installieren Sie sie.

​

Funktionsweise

Nach der Installation können Sie Claude Code über die VS Code Benutzeroberfläche verwenden:

1. Klicken Sie auf das Spark-Symbol in der Seitenleiste Ihres Editors, um das Claude Code Panel zu öffnen
2. Geben Sie Claude Code Anweisungen auf die gleiche Weise ein, wie Sie es im Terminal tun würden
3. Beobachten Sie, wie Claude Ihren Code analysiert und Änderungen vorschlägt
4. Überprüfen und akzeptieren Sie Bearbeitungen direkt in der Benutzeroberfläche
   • Tipp: Ziehen Sie die Seitenleiste breiter, um Inline-Diffs zu sehen, und klicken Sie dann darauf, um sie für vollständige Details zu erweitern

​

Verwendung von Drittanbieter-Providern (Vertex und Bedrock)

Die VS Code Erweiterung unterstützt die Verwendung von Claude Code mit Drittanbieter-Providern wie Amazon Bedrock und Google Vertex AI. Bei Konfiguration mit diesen Providern fordert die Erweiterung nicht zur Anmeldung auf. Um Drittanbieter-Provider zu verwenden, konfigurieren Sie Umgebungsvariablen in den VS Code Erweiterungseinstellungen:

1. Öffnen Sie VS Code Einstellungen
2. Suchen Sie nach “Claude Code: Environment Variables”
3. Fügen Sie die erforderlichen Umgebungsvariablen hinzu

​

Umgebungsvariablen

Für detaillierte Setupanweisungen und zusätzliche Konfigurationsoptionen siehe:

• Claude Code auf Amazon Bedrock
• Claude Code auf Google Vertex AI

​

Noch nicht implementiert

Die folgenden Funktionen sind in der VS Code Erweiterung noch nicht verfügbar:

• Vollständige MCP-Serverkonfiguration: Sie müssen MCP-Server zunächst über die CLI konfigurieren, dann wird die Erweiterung sie verwenden
• Subagents-Konfiguration: Konfigurieren Sie Subagents über die CLI, um sie in VS Code zu verwenden
• Checkpoints: Speichern und stellen Sie den Gesprächszustand an bestimmten Punkten wieder her
• Erweiterte Kürzel:
  • # Kürzel zum Hinzufügen zum Speicher
  • ! Kürzel zum direkten Ausführen von Bash-Befehlen
• Tab-Vervollständigung: Dateipfad-Vervollständigung mit Tab-Taste

Wir arbeiten daran, diese Funktionen in zukünftigen Updates hinzuzufügen.

​

Sicherheitsüberlegungen

Wenn Claude Code in VS Code mit aktivierten Auto-Edit-Berechtigungen ausgeführt wird, kann es möglicherweise IDE-Konfigurationsdateien ändern, die automatisch von Ihrer IDE ausgeführt werden können. Dies kann das Risiko der Ausführung von Claude Code im Auto-Edit-Modus erhöhen und das Umgehen von Claudes Berechtigungsaufforderungen für die Bash-Ausführung ermöglichen. Bei der Ausführung in VS Code sollten Sie Folgendes beachten:

• Aktivieren Sie den VS Code Restricted Mode für nicht vertrauenswürdige Arbeitsbereiche
• Verwenden Sie den manuellen Genehmigungsmodus für Bearbeitungen
• Achten Sie besonders darauf, dass Claude nur mit vertrauenswürdigen Anweisungen verwendet wird

​

Legacy CLI Integration

Die erste VS Code Integration, die wir veröffentlicht haben, ermöglicht es Claude Code, das im Terminal ausgeführt wird, mit Ihrer IDE zu interagieren. Sie bietet Auswahlkontextfreigabe (aktuelle Auswahl/Tab wird automatisch mit Claude Code geteilt), Diff-Anzeige in der IDE statt im Terminal, Dateireferenz-Kürzel (Cmd+Option+K auf Mac oder Alt+Ctrl+K auf Windows/Linux zum Einfügen von Dateireferenzen wie @File#L1-99) und automatische Diagnosefreigabe (Lint- und Syntaxfehler). Die Legacy Integration wird automatisch installiert, wenn Sie claude aus dem integrierten Terminal von VS Code ausführen. Führen Sie einfach claude aus dem Terminal aus und alle Funktionen werden aktiviert. Für externe Terminals verwenden Sie den /ide Befehl, um Claude Code mit Ihrer VS Code Instanz zu verbinden. Zum Konfigurieren führen Sie claude aus, geben Sie /config ein und setzen Sie das Diff-Tool auf auto für automatische IDE-Erkennung. Sowohl die Erweiterung als auch die CLI Integration funktionieren mit Visual Studio Code, Cursor, Windsurf und VSCodium.

​

Fehlerbehebung

​

Erweiterung wird nicht installiert

• Stellen Sie sicher, dass Sie eine kompatible Version von VS Code haben (1.85.0 oder später)
• Überprüfen Sie, dass VS Code die Berechtigung hat, Erweiterungen zu installieren
• Versuchen Sie, direkt von der Marketplace-Website zu installieren

​

Legacy Integration funktioniert nicht

• Stellen Sie sicher, dass Sie Claude Code aus dem integrierten Terminal von VS Code ausführen
• Stellen Sie sicher, dass die CLI für Ihre IDE-Variante installiert ist:
  • VS Code: code Befehl sollte verfügbar sein
  • Cursor: cursor Befehl sollte verfügbar sein
  • Windsurf: windsurf Befehl sollte verfügbar sein
  • VSCodium: codium Befehl sollte verfügbar sein
• Wenn der Befehl nicht installiert ist:
  1. Öffnen Sie die Befehlspalette mit Cmd+Shift+P (Mac) oder Ctrl+Shift+P (Windows/Linux)
  2. Suchen Sie nach “Shell Command: Install ‘code’ command in PATH” (oder äquivalent für Ihre IDE)

Für zusätzliche Hilfe siehe unseren Fehlerbehebungsleitfaden.