Wie verwendet man Claude Code mit VS Code?

Nicolas, Apr 10, 2026

---

Claude Code ist der KI-Assistent von Anthropic, der für Entwickler konzipiert wurde. Über eine offizielle Erweiterung direkt in VS Code verfügbar, ermöglicht er das Generieren, Modifizieren, Analysieren und Debuggen von Code ohne den Editor zu verlassen. Seit 2025 ist die native Erweiterung die empfohlene Methode zur Nutzung von Claude Code in VS Code — hier erfahren Sie, wie Sie sie installieren und optimal nutzen.

Voraussetzungen vor der Installation

Vor der Installation der Claude Code-Erweiterung prüfen Sie folgende Punkte:

• VS Code 1.98.0 oder höher — ältere Versionen sind nicht mit der Erweiterung kompatibel
• Ein Anthropic-Konto — Sie melden sich beim ersten Öffnen der Erweiterung an. Claude Code erfordert ein Claude Pro-, Max-, Team- oder Enterprise-Abonnement
• Bei Verwendung von Amazon Bedrock oder Google Vertex AI als Anbieter ist eine spezifische Konfiguration in settings.json erforderlich

Die Claude Code-Erweiterung installieren

Die Installation erfolgt direkt in VS Code in wenigen Sekunden:

• Öffnen Sie VS Code und drücken Sie Ctrl+Shift+X (Windows/Linux) oder Cmd+Shift+X (Mac), um das Erweiterungspanel zu öffnen
• Suchen Sie nach "Claude Code" in der Suchleiste
• Installieren Sie die Erweiterung, die von Anthropic veröffentlicht wurde — prüfen Sie den Herausgeber sorgfältig, um inoffizielle Drittanbieter-Erweiterungen zu vermeiden
• Falls das Spark-Symbol nach der Installation nicht erscheint, starten Sie VS Code neu oder führen Sie "Developer: Reload Window" über die Befehlspalette aus

Gut zu wissen: die Erweiterung enthält automatisch die Claude Code CLI (Befehlszeilenschnittstelle). Sie müssen die CLI nicht separat installieren — sie ist direkt über das integrierte Terminal von VS Code für erweiterte Funktionen zugänglich.

Claude Code in VS Code öffnen

Nach der Installation der Erweiterung identifiziert das Spark-Symbol (⚡) Claude Code in der gesamten VS Code-Oberfläche. Mehrere Zugriffsmöglichkeiten:

• Editor-Symbolleiste: klicken Sie auf das Spark-Symbol oben rechts im Editor — nur sichtbar, wenn eine Datei geöffnet ist
• Aktivitätsleiste: klicken Sie auf das Spark-Symbol in der linken Seitenleiste, um die Sitzungsliste zu öffnen. Immer sichtbar, auch ohne geöffnete Datei
• Befehlspalette: Cmd+Shift+P / Ctrl+Shift+P, tippen Sie "Claude Code" und wählen Sie "Open in New Tab"
• Statusleiste: klicken Sie unten rechts im Fenster auf ✱ Claude Code

Beim ersten Öffnen des Panels erscheint eine geführte Onboarding-Checkliste. Arbeiten Sie jeden Punkt durch, indem Sie auf "Show me" klicken, oder schließen Sie sie mit dem X.

Die erste Anfrage senden

Claude Code sieht automatisch die aktuell im Editor geöffnete Datei. Für die Interaktion:

• Wählen Sie Code in Ihrer Datei aus — Claude Code fügt diese Auswahl automatisch in den Kontext Ihrer Anfrage ein
• Drücken Sie Option+K (Mac) / Alt+K (Windows/Linux), um eine Referenz @datei.ts#5-10 auf Ihre Auswahl in den Prompt einzufügen
• Geben Sie Ihre Anfrage in natürlicher Sprache ein: "Erkläre diese Funktion", "Behebe diesen Bug", "Füge Unit-Tests für diese Klasse hinzu"…

Wenn Claude Code eine Datei ändern möchte, zeigt es einen Side-by-Side-Diff-Vergleich der vorgeschlagenen Änderungen an, bevor es sie anwendet. Sie können akzeptieren, ablehnen oder Anpassungen anfordern.

Berechtigungsmodi

Claude Code bietet drei Berechtigungsmodi, die über den unteren Teil der Prompt-Box zugänglich sind:

Der Plan-Modus ist besonders nützlich für umfangreiche Änderungen: Claude öffnet den Plan als Markdown-Dokument, in dem Sie Inline-Kommentare hinzufügen können, bevor es mit der Codeänderung beginnt.

Dateien mit @-Erwähnungen referenzieren

Um Claude Code zusätzlichen Kontext zu geben, verwenden Sie @-Erwähnungen im Prompt:

• Geben Sie @ gefolgt vom Dateinamen ein, um sie zu erwähnen: @auth.ts
• Fügen Sie einen Zeilenbereich hinzu, um auf einen bestimmten Abschnitt zu zielen: @auth.ts#10-25
• Erwähnen Sie einen gesamten Ordner: @src/components/
• Verwenden Sie Option+K / Alt+K aus einer Auswahl heraus, um die Referenz automatisch einzufügen

Mehrere Gespräche verwalten

VS Code ermöglicht das gleichzeitige Öffnen mehrerer Claude Code-Sitzungen — nützlich für paralleles Arbeiten an mehreren Funktionen oder Workspace-Ordnern:

• Jede Sitzung behält ihren eigenen unabhängigen Kontext
• Öffnen Sie ein neues Gespräch mit Cmd+N (Mac) / Ctrl+N (Windows/Linux) aus dem Claude-Panel
• Greifen Sie über das Spark-Symbol in der Aktivitätsleiste auf den Gesprächsverlauf zu
• Sitzungen können je nach Präferenz als separate Tabs oder Fenster geöffnet werden

Gut zu wissen: wenn Sie an einem Monorepo- oder Microservices-Projekt arbeiten, kann jeder Workspace-Ordner seine eigene Claude Code-Sitzung mit eigenem Kontext haben. Um das Verhalten von Claude für Ihr Projekt anzupassen, erstellen Sie eine CLAUDE.md-Datei im Stammverzeichnis Ihres Repositories — Claude Code liest sie automatisch, um seine Antworten an Ihr Projekt, Ihre Konventionen und spezifischen Anweisungen anzupassen.

Die CLI aus dem integrierten Terminal nutzen

Die VS Code-Erweiterung enthält die Claude Code CLI, die über das integrierte Terminal von VS Code zugänglich ist. Die CLI bietet erweiterte Funktionen, die in der grafischen Oberfläche nicht verfügbar sind:

• Führen Sie claude im integrierten Terminal aus, um eine CLI-Sitzung zu starten
• Verwenden Sie claude -p "Ihr Prompt" für nicht-interaktive Anfragen (Print-Modus)
• Der Befehl /terminal-setup in einer Sitzung konfiguriert automatisch das Shift+Enter-Tastenkürzel für mehrzeilige Prompts
• Wechseln Sie über das Einstellungsmenü der Erweiterung zwischen grafischer Oberfläche und CLI

Wichtige Tastenkürzel

Gut zu wissen: Claude Code für VS Code funktioniert auch mit Cursor, Windsurf und VSCodium — die Installationsprozedur ist identisch. Für Teams, die Amazon Bedrock oder Google Vertex AI verwenden, fügen Sie die entsprechenden Umgebungsvariablen in der settings.json-Datei von VS Code hinzu, um den alternativen Anbieter zu konfigurieren.