Claude Code VS Code Extension

Problem: Jede Claude Code-Session bedeutet einen weiteren Bereich. Du springst zwischen Editor und Terminal, kopierst Dateipfade von Hand und verlierst den Faden bei jedem Fensterwechsel.

Schneller Gewinn: Zieh das Ganze in den Editor. Drücke Ctrl+Shift+X um Extensions zu öffnen, tippe "Claude Code" und wähle den offiziellen Anthropic-Build (2M+ Installationen, verifizierter Publisher).

Tippe auf das Spark-Icon in der Seitenleiste und eine Claude Code-Session öffnet sich neben deinen Dateien. Prompts, Diffs und Editor sitzen von nun an alle im selben Bereich. Mehr als 2 Millionen Entwickler arbeiten bereits so.

Warum Claude Code in VS Code nutzen

Die Extension hebt alle Terminal-Features in das IDE-Layout:

• Autonome Erkundung: Claude liest, schreibt und erkundet deine Codebase selbstständig
• Echtzeit-Diffs: Sieh Änderungen als Inline-Diffs mit Annehmen/Ablehnen-Buttons
• Subagenten: Führe parallele KI-Aufgaben für komplexe Multi-Datei-Operationen aus
• Eigene Slash-Befehle: Greife direkt in der Extension auf CLI-Befehle zu
• MCP-Unterstützung: Nutze MCP-Server für Browser-Automatisierung und Suche
• Extended Thinking: Schalte Claude's Reasoning-Sichtbarkeit für tiefes Nachdenken um
• Plan-Modus: Überprüfe und bearbeite Claude's Pläne, bevor du Änderungen akzeptierst

Das erste Projekt, das du drauf richtest, läuft schneller, weil Claude direkt im Workspace bearbeitet und dir keine Patches zum Anwenden übergibt.

Die Claude Code Extension installieren

Via VS Code Marketplace (empfohlen):

1. Öffne VS Code
2. Klicke auf Extensions (Ctrl+Shift+X)
3. Suche nach "Claude Code"
4. Installiere die offizielle Anthropic-Extension (Badge für verifizierten Publisher)

Voraussetzungen: VS Code 1.98.0+ und eines davon:

• Claude Pro- oder Max-Abo
• Team- oder Enterprise-Plan
• API-Key (pay-as-you-go)

Geh den Installationsguide durch, wenn etwas nicht stimmt. Das gleiche Paket kommt auch in Cursor, Windsurf und VSCodium, nicht nur im Standard-VS Code.

Deine erste Session einrichten

Drücke den Spark-Button, um Claude Code in VS Code aufzurufen. Mac-Nutzer öffnen ein neues Gespräch mit Cmd+N, Windows-Nutzer drücken Ctrl+N.

Bitte Claude, etwas Echtes zu bauen:

Create a React component with useState hook for a counter

Ein Live-Diff landet im Editor. Verbreitere die Seitenleiste und du siehst drei Ebenen darin:

1. Hervorgehobene Änderungen, die zeigen, was Claude hinzufügen möchte
2. Annehmen/Ablehnen-Buttons auf Diff-Ebene
3. Dateivorschau vor dem Commit

Drücke Annehmen. Der Code landet sofort in deinem Workspace.

Du willst eine Anpassung? Sag es einfach:

Add a reset button to the counter

Claude legt einen neuen Diff auf dieselbe Datei. Nichts wird übernommen, bis du es genehmigst. Der Konfigurationsgrundlagen-Guide zeigt, was du von hier aus noch einschalten kannst.

Konfigurationsoptionen

Extended Thinking Mode

Schalte Extended Thinking unten rechts am Prompt-Feld ein und Claude's Reasoning wird sichtbar, bevor eine Bearbeitung passiert. Praktisch, wenn du einen Bug in Logik jagst, der schwer zu verfolgen ist.

Auto-Accept-Modus

Auto-Accept wendet Änderungen ohne Nachfrage an. Greif darauf zurück, sobald du genug Vertrauen in einen Workflow aufgebaut hast, um die Implementierung ohne Durchklicken zu beobachten.

Dateianhänge

Ziehe Dateien direkt ins Chat-Fenster, oder verlass dich auf @-Erwähnungen:

@readme.md explain this project structure
@src/components/Header.tsx refactor to TypeScript generics

Workspace-Kontext ist schon geladen. Kein extra Setup.

Mehrere Sessions

Jeder Workspace-Ordner kann seine eigene Claude-Session hosten, was genau das ist, was Microservice-Repos brauchen. Jede hält einen separaten Kontext. Teams, die ein strukturiertes Multi-Agenten-Setup in VS Code brauchen, können zu ClaudeFast's Code Kit greifen. Es liefert 18 spezialisierte Agenten, die zuerst planen, dann ausführen, mit koordinierten parallelen Sessions. Das Agenten-Workflow-Doc zeigt die tieferen Muster.

Terminal-Setup in VS Code

VS Code's integriertes Terminal braucht eine kleine Anpassung, bevor Shift+Enter als Mehrzeilen-Prompt-Taste funktioniert. Führe /terminal-setup aus einer beliebigen Claude Code-Session aus und das Keybinding wird automatisch verdrahtet. Kein manuelles Bearbeiten.

Bevorzugst du Option+Enter? Öffne in den Settings Profiles, dann Keys, dann schalte die linke/rechte Option-Taste auf "Esc+" um.

Das Terminal-Setup-Tutorial deckt alle weiteren Anpassungen ab, die sich lohnen.

Windows-spezifische Keybindings

Zwei Windows-Standardeinstellungen weichen von den Mac-Shortcuts ab:

• Alt+V für Bild-Einfügen (statt Ctrl+V, das für die Zwischenablage reserviert ist)
• Meta+M zum Durchlaufen der Berechtigungsmodi bei älteren Node.js-Versionen (unter 24.2.0 oder 22.17.0), die keinen VT-Modus unterstützen

Beides sind Standardwerte, und alles darin kann über die Keybindings-Konfigurationsdatei neu belegt werden.

Automatische Extension-Installation kontrollieren

Wenn die Claude Code CLI erkennt, dass sie in VS Code läuft, installiert sich die Extension selbst. Blockiere das mit einer Umgebungsvariable:

export CLAUDE_CODE_IDE_SKIP_AUTO_INSTALL=1

Praktisch für Unternehmensrichtlinien-Installationen, gesperrte Profile und Pipelines, die die Extension nie geladen brauchen.

Wenn etwas schiefläuft

Der Fehlerbehebungs-Guide deckt mehr Lösungswege ab.

Enterprise: Drittanbieter-Provider

Du routest über Amazon Bedrock oder Google Vertex AI? Füge das in settings.json ein:

{
  "env": {
    "CLAUDE_CODE_USE_BEDROCK": "1",
    "AWS_REGION": "us-east-2"
  }
}

Login-Aufforderungen werden mit "claudeCode.disableLoginPrompt": true deaktiviert.

Du kannst jetzt mit Claude in VS Code entwickeln

• Terminal-Grade Claude Code ist in die IDE eingebettet
• Was als nächstes kommt: Browser-Automatisierung durch MCP-Extensions
• Aufsteigen: Multi-Schritt-Task-Orchestrierung mit Agenten-Workflows
• Nebeneinander: Wie die Extension im Vergleich zu Cursor dasteht
• Feintunen: Terminal-Verhalten und Tastaturkürzel auf deinen Workflow abgestimmt
• Weiter verfeinern: Die vollständige Settings-Referenz für jede Option

Die Extension wird in gleichmäßigem Rhythmus aktualisiert. Noch in der Beta, also landen Bug-Reports auf GitHub.