Claude Code in VS Code verwenden

​

Voraussetzungen

• VS Code 1.94.0 oder höher
• Ein Anthropic-Konto: Jedes bezahlte Claude-Abonnement (Pro, Max, Team oder Enterprise) oder ein Claude Console-Konto funktioniert, und es ist kein API-Schlüssel erforderlich. Sie melden sich an mit diesem Konto an, wenn Sie die Erweiterung zum ersten Mal öffnen. Wenn Sie Claude über einen Drittanbieter wie Amazon Bedrock oder Google Cloud’s Agent Platform nutzen, siehe Drittanbieter verwenden für Setupanweisungen.

​

Erweiterung installieren

• Für VS Code installieren
• Für Cursor installieren

​

Erste Schritte

1

Öffnen Sie das Claude Code-Panel

In VS Code zeigt das Spark-Symbol Claude Code an: Der schnellste Weg, Claude zu öffnen, ist, auf das Spark-Symbol in der Editor-Symbolleiste (obere rechte Ecke des Editors) zu klicken. Das Symbol wird nur angezeigt, wenn Sie eine Datei geöffnet haben.Weitere Möglichkeiten zum Öffnen von Claude Code:

• Aktivitätsleiste: Klicken Sie auf das Spark-Symbol in der linken Seitenleiste, um die Sitzungsliste zu öffnen. Klicken Sie auf eine beliebige Sitzung, um sie als vollständige Editor-Registerkarte zu öffnen, oder starten Sie eine neue. Dieses Symbol ist immer in der Aktivitätsleiste sichtbar.
• Befehlspalette: Cmd+Shift+P (Mac) oder Ctrl+Shift+P (Windows/Linux), geben Sie „Claude Code” ein und wählen Sie eine Option wie „In neuem Tab öffnen”
• Statusleiste: Wenn Sie preferredLocation auf sidebar gesetzt haben oder Claude mit Claude Code: In Seitenleiste öffnen geöffnet haben, klicken Sie auf ✱ Claude Code in der unteren rechten Ecke des Fensters. Dies funktioniert auch, wenn keine Datei geöffnet ist.

Sie können das Claude-Panel ziehen, um es überall in VS Code zu repositionieren. Weitere Informationen finden Sie unter Passen Sie Ihren Arbeitsablauf an.

2

Melden Sie sich an

Wenn Sie das Panel zum ersten Mal öffnen, wird ein Anmeldungsbildschirm angezeigt. Klicken Sie auf Anmelden und schließen Sie die Autorisierung in Ihrem Browser ab.Wenn Sie später Nicht angemeldet · Bitte führen Sie /login aus sehen, öffnet die Erweiterung den Anmeldungsbildschirm automatisch erneut. Wenn dieser nicht angezeigt wird, laden Sie das Fenster aus der Befehlspalette mit Developer: Reload Window neu.Wenn Sie ANTHROPIC_API_KEY in Ihrer Shell gesetzt haben, aber immer noch die Anmeldungsaufforderung sehen, hat VS Code möglicherweise Ihre Shell-Umgebung nicht geerbt. Starten Sie VS Code von einem Terminal aus mit code ., damit es Ihre Umgebungsvariablen erbt, oder melden Sie sich stattdessen mit Ihrem Claude-Konto an.Nach der Anmeldung wird eine Learn Claude Code-Checkliste angezeigt. Arbeiten Sie jedes Element durch, indem Sie auf Show me klicken, oder schließen Sie es mit dem X. Um es später erneut zu öffnen, deaktivieren Sie Hide Onboarding in den VS Code-Einstellungen unter Extensions → Claude Code.

3

Senden Sie einen Prompt

Bitten Sie Claude, Ihnen bei Ihrem Code oder Ihren Dateien zu helfen, sei es zum Erklären, wie etwas funktioniert, zum Debuggen eines Problems oder zum Vornehmen von Änderungen.

Claude sieht automatisch Ihren ausgewählten Text. Drücken Sie Option+K (Mac) / Alt+K (Windows/Linux), um auch eine @-Mention-Referenz (wie @file.ts#5-10) in Ihren Prompt einzufügen.

Hier ist ein Beispiel für eine Frage zu einer bestimmten Zeile in einer Datei:

4

Überprüfen Sie die Änderungen

Was Sie sehen, hängt vom Berechtigungsmodus ab, der unten im Prompt-Feld angezeigt wird:

• Im Modus „Auto” oder „Automatisch bearbeiten” bearbeitet Claude die meisten Dateien in Ihrem Arbeitsbereich ohne Nachfrage.
• Im Modus „Manuell” zeigt Claude, wenn es eine Datei bearbeiten möchte, einen Vergleich der ursprünglichen und vorgeschlagenen Änderungen nebeneinander an und fragt um Genehmigung. Sie können akzeptieren, ablehnen oder Claude sagen, was es stattdessen tun soll. Wenn Sie den vorgeschlagenen Inhalt direkt in der Diff-Ansicht bearbeiten, bevor Sie akzeptieren, wird Claude mitgeteilt, dass Sie ihn geändert haben, damit es nicht davon ausgeht, dass die Datei seinem ursprünglichen Vorschlag entspricht.

​

Verwenden Sie das Eingabefeld

• Berechtigungsmodi: Klicken Sie auf den Modusindikator am unteren Rand des Eingabefelds, um zwischen Berechtigungsmodi zu wechseln. In den Pro-, Max- und Team-Plänen ist Auto der integrierte Startberechtigungsmodus. Siehe wie die Erweiterung den Startberechtigungsmodus wählt, um zu erfahren, was das ändert, und jeden Berechtigungsmodus, den der Indikator anbietet.
  • Auto: Ein Klassifizierer überprüft die meisten Aktionen, anstatt Sie zu fragen. Siehe Auto-Modus, um zu erfahren, was er überprüft und blockiert.
  • Manuell: Claude fragt vor Dateibearbeitungen und den meisten Shell-Befehlen um Genehmigung.
  • Plan: Claude beschreibt, was es tun wird, und wartet auf Genehmigung, bevor Änderungen vorgenommen werden. VS Code öffnet den Plan automatisch als vollständiges Markdown-Dokument, in dem Sie Inline-Kommentare hinzufügen können, um Feedback zu geben, bevor Claude beginnt.
  • Automatisch bearbeiten: Claude nimmt Bearbeitungen vor, ohne zu fragen.
• Modell: Wählen Sie Modell wechseln… aus dem Befehlsmenü, um das Modell während einer Sitzung zu ändern. Sie können auch auf den Modellnamen am unteren Rand des Eingabefelds klicken, um die gleiche Auswahl zu öffnen. Die Auswahl enthält eine Seite Weitere Modelle mit den Modellen, die nicht auf der Hauptliste stehen. Wenn das aktuelle Modell Anstrengungsstufen unterstützt, zeigt die Auswahl auch eine Zeile Anstrengung. Die Schaltfläche für den Modellnamen, die Seite Weitere Modelle und die Zeile Anstrengung erfordern Claude Code v2.1.257 oder später.
• Befehlsmenü: Klicken Sie auf / oder geben Sie / ein, um das Befehlsmenü zu öffnen. Die Optionen umfassen das Anhängen von Dateien, das Wechseln von Modellen und das Umschalten des erweiterten Denkens. Der Abschnitt „Anpassen” bietet Zugriff auf MCP-Server, Schrägstrich-Befehle, Ausgabestile, Hooks, Speicher, Berechtigungen und Plugins. Elemente mit einem Terminal-Symbol öffnen sich im integrierten Terminal.
  • Um Befehle wie /usage oder /remote-control zu durchsuchen, wählen Sie Slash commands im Abschnitt „Anpassen”. Ein Dialog listet sie mit einem Filterfeld auf. Wählen Sie einen aus, um ihn auszuführen. Das Eingeben von / im Eingabefeld schlägt Befehle weiterhin inline vor. Erfordert Claude Code v2.1.257 oder später.
  • Wählen Sie Output styles im Abschnitt „Anpassen”, um einen Ausgabestil auszuwählen, einschließlich Ihrer benutzerdefinierten Stile. Erfordert Claude Code v2.1.257 oder später.
  • Der Abschnitt „Einstellungen” enthält Enable Remote Control for all sessions, das remoteControlAtStartup setzt, um zu steuern, ob neue interaktive Sitzungen automatisch eine Verbindung zur Remote-Steuerung herstellen. Erfordert Claude Code v2.1.203 oder später. Wenn Sie den Schalter umschalten, gilt die Änderung für die bereits in VS Code geöffneten Sitzungen, nicht nur für Sitzungen, die Sie danach starten. Wenn Sie ihn ausschalten, werden die offenen Sitzungen getrennt. Vor v2.1.257 galt der Schalter nur für Sitzungen, die nach der Änderung gestartet wurden.
  • Der Abschnitt „Einstellungen” enthält auch Focus view, das Werkzeugaufrufe, Werkzeugergebnisse und Denken hinter erweiterbaren Zeilen verbirgt und nur Ihre Eingaben und Claudes Antworten hinterlässt. Claudes neueste To-Do-Liste bleibt sichtbar, ebenso wie der Text einer ausstehenden Frage von Claude; dies erfordert Claude Code v2.1.225 oder später. Schalten Sie es dort um, mit Ctrl+Option+F (Mac) / Ctrl+Alt+F (Windows/Linux), oder aus der Befehlspalette mit Claude Code: Toggle Focus view. Die Änderung gilt für jede offene Sitzung und bleibt über Sitzungen hinweg erhalten. Erfordert Claude Code v2.1.221 oder später.
  • Um einen Fehler zu melden, klicken Sie auf Report a problem am unteren Rand des Menüs, oder geben Sie /bug oder /feedback mit einer optionalen Beschreibung ein, die den Bericht ausfüllt. Wenn Sie den Bericht einreichen und Sie bei Anthropic auf einer First-Party-Verbindung angemeldet sind, sendet Claude Code ihn an Anthropic. Bei einem Drittanbieter oder ohne Anthropic-Anmeldedaten öffnet sich der Dialog trotzdem, aber das Einreichen zeigt einen Fehler und sendet nichts: Im Gegensatz zum CLI /bug schreibt die Erweiterung kein lokales Archiv. Erfordert Claude Code v2.1.229 oder später.
• Nebenfragen: Geben Sie /btw gefolgt von einer Frage ein, um eine Frage zu Ihrer Sitzung zu stellen, ohne sie zum Gespräch hinzuzufügen. Die Antwort öffnet sich in einem Panel neben dem Chat, in dem Sie Anschlussfragen stellen können. Der Thread bleibt bei Fenster-Neuladen erhalten. Claude Code behält die neuesten 20 Austausche und läuft gespeicherte Threads nach dem cleanupPeriodDays-Plan ab, solange Claude Code sicher die Aufbewahrungsfrist bestimmen kann. Um einen Thread zu löschen, klicken Sie auf das Papierkorbsymbol im Panel. Erfordert Claude Code v2.1.227 oder später.
• Kontextindikator: Das Eingabefeld zeigt, wie viel von Claudes Kontextfenster Sie verwenden. Claude komprimiert automatisch bei Bedarf, oder Sie können /compact manuell ausführen.
• Erweitertes Denken: Ermöglicht Claude, mehr Zeit für die Überlegung komplexer Probleme aufzuwenden. Schalten Sie es über das Befehlsmenü (/) ein. Claudes Überlegungen erscheinen im Gespräch als zusammengeklappte Blöcke: Klicken Sie auf einen Block, um ihn zu lesen, oder drücken Sie Ctrl+O, um jeden Denkblock in der Sitzung zu erweitern oder zu reduzieren. Siehe Erweitertes Denken für Details.
• Mehrzeilige Eingabe: Drücken Sie Shift+Enter, um eine neue Zeile hinzuzufügen, ohne zu senden. Dies funktioniert auch in der Freitexteingabe „Sonstiges” von Frage-Dialogen.

​

Referenzdateien und -ordner

Explain the logic in @auth (fuzzy matches auth.js, AuthService.ts, etc.)
What's in @src/components/ (include a trailing slash for folders)

​

Frühere Gespräche fortsetzen

• Die Erweiterung wählt den Startberechtigungsmodus aus claudeCode.initialPermissionMode oder einer Auswahl, die aus einem früheren Gespräch übernommen wird
• Sie haben claudeCode.claudeProcessWrapper konfiguriert

​

Cloud-Sitzungen von Claude.ai fortsetzen

​

Konto und Nutzung überprüfen

​

Passen Sie Ihren Arbeitsablauf an

​

Wählen Sie, wo Claude sich befindet

• Sekundäre Seitenleiste: die rechte Seite des Fensters. Hält Claude sichtbar, während Sie programmieren.
• Primäre Seitenleiste: die linke Seitenleiste mit Symbolen für Explorer, Suche usw.
• Editor-Bereich: öffnet Claude als Registerkarte neben Ihren Dateien. Nützlich für Nebenaufgaben.

​

Führen Sie mehrere Gespräche

​

Organisieren Sie Sitzungen in Gruppen

• Gruppieren oder Gruppierung aufheben einer Sitzung: Klicken Sie mit der rechten Maustaste auf eine Sitzung, um eine Gruppe daraus zu erstellen, sie in eine vorhandene Gruppe zu verschieben oder sie aus ihrer Gruppe zu entfernen. Jede Sitzung gehört jeweils zu einer Gruppe, daher wird sie durch das Verschieben in eine andere Gruppe aus der ersten entfernt.
• Verschieben Sie mehrere Sitzungen gleichzeitig: Cmd-Klick (Mac) / Ctrl-Klick (Windows/Linux) auf jede Sitzung, oder Shift-Klick, um einen Bereich auszuwählen, dann Rechtsklick auf die Auswahl.
• Gruppieren Sie eine Sitzung von ihrer Registerkarte: Führen Sie Claude Code: Add Session Tab to Group aus der Befehlspalette aus, oder klicken Sie mit der rechten Maustaste auf die Editor-Registerkarte der Sitzung und wählen Sie dann eine Gruppe aus oder erstellen Sie eine. Erfordert Claude Code v2.1.257 oder später.
• Benennen Sie eine Gruppe um oder löschen Sie sie: Klicken Sie mit der rechten Maustaste auf einen Gruppenkopf. Das Löschen einer Gruppe entfernt nur die Gruppe, und ihre Sitzungen kehren zur ungruppierten Liste zurück.

​

Wechseln Sie zum Terminalmodus

​

Plugins verwalten

​

Plugins installieren

• Installierte Plugins werden oben mit Umschaltern angezeigt, um sie zu aktivieren oder zu deaktivieren
• Verfügbare Plugins aus Ihren konfigurierten Marketplaces werden darunter angezeigt
• Suchen Sie, um Plugins nach Name oder Beschreibung zu filtern
• Klicken Sie auf Installieren für jedes verfügbare Plugin

• Für Sie installieren: verfügbar in allen Ihren Projekten (Benutzerbereich)
• Für dieses Projekt installieren: geteilt mit Projektmitarbeitern (Projektbereich)
• Lokal installieren: nur für Sie, nur in diesem Repository (lokaler Bereich)

​

Marketplaces verwalten

• Geben Sie ein GitHub-Repository, eine URL oder einen lokalen Pfad ein, um einen neuen Marketplace hinzuzufügen
• Klicken Sie auf das Aktualisierungssymbol, um die Plugin-Liste eines Marketplace zu aktualisieren
• Klicken Sie auf das Papierkorbsymbol, um einen Marketplace zu entfernen

​

Browser-Aufgaben mit Chrome automatisieren

@browser go to localhost:3000 and check the console for errors

​

VS Code-Befehle und Tastenkombinationen

​

Starten Sie eine VS Code-Registerkarte von anderen Tools aus

open "vscode://anthropic.claude-code/open"

xdg-open "vscode://anthropic.claude-code/open"

Start-Process "vscode://anthropic.claude-code/open"

start "" "vscode://anthropic.claude-code/open"

vscode://anthropic.claude-code/open?prompt=review%20my%20changes

​

Einstellungen konfigurieren

• Erweiterungseinstellungen in VS Code: steuern das Verhalten der Erweiterung in VS Code. Öffnen Sie sie mit Cmd+, (Mac) oder Strg+, (Windows/Linux), gehen Sie dann zu Erweiterungen → Claude Code. Sie können auch / eingeben und General Config auswählen, um die Einstellungen zu öffnen.
• Claude Code-Einstellungen in ~/.claude/settings.json: werden zwischen der Erweiterung und der CLI gemeinsam genutzt. Verwenden Sie diese für zulässige Befehle, Umgebungsvariablen, Hooks und MCP-Server. In Pro-, Max- und Team-Plänen ist dies auch eine Eingabe für den Berechtigungsmodus, in dem Gespräche beginnen. Berechtigungsmodi wechseln listet die Reihenfolge auf. Weitere Informationen finden Sie unter Einstellungen.

​

Erweiterungseinstellungen

​

Verwenden Sie einen Bildschirmleser

• Antworten von Claude: Die Erweiterung kündigt jede Antwort einmal an, wenn sie vollständig ist, und bleibt stumm, während Text einströmt. Ihr Bildschirmleser liest Codeblöcke als Zeilenzahl-Zusammenfassung, liest Links nach ihrem Label und liest Tabellen Zelle für Zelle; die vollständige Antwort bleibt im Transkript lesbar.
• Berechtigungsanfragen und Fragen: Die Erweiterung kündigt eine Anfrage an, wenn die Berechtigungsaufforderung angezeigt wird, und nennt das Tool, das Claude verwenden möchte. Sie kündigt auf die gleiche Weise an, wenn Claude Ihnen eine Frage stellt und wenn Claude einen Plan abgeschlossen hat und auf Ihre Überprüfung wartet.
• Statusänderungen: Die Erweiterung kündigt an, wenn Claude mit der Arbeit beginnt, wenn Claude bereit für Ihre Eingabe ist, und wenn Claude Code mit dem Komprimieren des Gesprächs beginnt.
• Fehler und Modell-Eingabeaufforderungen: Die Erweiterung kündigt Fehler im Gespräch an und kündigt an, wenn die Eingabeaufforderung zur Zustimmung für Nutzungsguthaben oder die Eingabeaufforderung für gekennzeichnete Anfragen angezeigt wird.

​

VS Code-Erweiterung vs. Claude Code CLI

​

Mit Checkpoints zurückspulen

• Konversation von hier aus verzweigen: Starten Sie einen neuen Konversationszweig von dieser Nachricht aus, während alle Codeänderungen erhalten bleiben
• Code bis hier zurückspulen: Setzen Sie Dateiänderungen auf diesen Punkt in der Konversation zurück, während Sie die vollständige Konversationshistorie behalten
• Konversation verzweigen und Code zurückspulen: Starten Sie einen neuen Konversationszweig und setzen Sie Dateiänderungen auf diesen Punkt zurück

​

CLI in VS Code ausführen

​

Zwischen Erweiterung und CLI wechseln

​

Terminalausgabe in Eingabeaufforderungen einbeziehen

​

Hintergrundprozesse überwachen

​

Mit MCP eine Verbindung zu externen Tools herstellen

claude mcp add --transport http github https://api.githubcopilot.com/mcp/ \
  --header "Authorization: Bearer YOUR_GITHUB_PAT"

​

Mit git arbeiten

​

Commits und Pull Requests erstellen

commit my changes with a descriptive message
create a pr for this feature
summarize the changes I've made to the auth module

​

Verwenden Sie Drittanbieter

​

Sicherheit und Datenschutz

• Aktivieren Sie den VS Code Restricted Mode für nicht vertrauenswürdige Arbeitsbereiche
• Verwenden Sie den manuellen Modus anstelle von „Edit automatically” oder „Auto” für Bearbeitungen
• Überprüfen Sie Änderungen sorgfältig, bevor Sie sie akzeptieren

​

Der integrierte IDE-MCP-Server

​

Häufige Probleme beheben

​

Erweiterung wird nicht installiert

• Stellen Sie sicher, dass Sie eine kompatible Version von VS Code haben (1.94.0 oder später)
• Überprüfen Sie, dass VS Code die Berechtigung zum Installieren von Erweiterungen hat
• Versuchen Sie, die Erweiterung direkt vom VS Code Marketplace zu installieren

​

Spark-Symbol nicht sichtbar

1. Öffnen Sie eine Datei: Das Symbol erfordert, dass eine Datei geöffnet ist. Es reicht nicht aus, nur einen Ordner geöffnet zu haben.
2. Überprüfen Sie die VS Code-Version: Erfordert 1.94.0 oder höher (Hilfe → Über)
3. Starten Sie VS Code neu: Führen Sie „Developer: Reload Window” aus der Befehlspalette aus
4. Deaktivieren Sie in Konflikt stehende Erweiterungen: Deaktivieren Sie vorübergehend andere KI-Erweiterungen (Cline, Continue, usw.)
5. Überprüfen Sie die Workspace-Vertrauenswürdigkeit: Die Erweiterung funktioniert nicht im eingeschränkten Modus

​

Cmd+Esc funktioniert auf macOS nicht

1. Öffnen Sie die Systemeinstellungen
2. Gehen Sie zu Tastatur, dann Tastaturkürzel, dann Game Controller
3. Deaktivieren Sie das Kontrollkästchen für Game Overlay

​

Claude Code antwortet nie

1. Überprüfen Sie Ihre Internetverbindung: Stellen Sie sicher, dass Sie eine stabile Internetverbindung haben
2. Starten Sie ein neues Gespräch: Versuchen Sie, ein neues Gespräch zu starten, um zu sehen, ob das Problem weiterhin besteht
3. Versuchen Sie die CLI: Führen Sie claude vom Terminal aus, um zu sehen, ob Sie detailliertere Fehlermeldungen erhalten

​

Erweiterung deinstallieren

1. Öffnen Sie die Ansicht „Erweiterungen” (Cmd+Shift+X auf Mac oder Ctrl+Shift+X auf Windows/Linux)
2. Suchen Sie nach „Claude Code”
3. Klicken Sie auf Deinstallieren

rm -rf ~/Library/"Application Support"/Code/User/globalStorage/anthropic.claude-code

rm -rf ~/.config/Code/User/globalStorage/anthropic.claude-code

Remove-Item -Recurse -Force "$env:APPDATA\Code\User\globalStorage\anthropic.claude-code"

​

Nächste Schritte

• Erkunden Sie häufige Workflows, um das Beste aus Claude Code herauszuholen
• Richten Sie MCP servers ein, um Claudes Funktionen mit externen Tools zu erweitern. Fügen Sie Server über die CLI hinzu, verwalten Sie sie dann mit /mcp im Chat-Panel.
• Konfigurieren Sie Claude Code-Einstellungen, um zulässige Befehle, hooks und mehr anzupassen. Diese Einstellungen werden zwischen der Erweiterung und der CLI geteilt.