Extension Claude Code pour VS Code

Problème : Chaque session Claude Code signifie un panneau de plus. Tu jonglons entre l'éditeur et un terminal, tu copies des chemins de fichiers à la main, et tu perds le fil à chaque changement de fenêtre.

Victoire rapide : Ramène tout dans l'éditeur. Appuie sur Ctrl+Shift+X pour ouvrir les Extensions, tape "Claude Code", et choisis la version officielle Anthropic (2M+ installations, éditeur vérifié).

Clique sur l'icône Spark dans la barre latérale et une session Claude Code s'ouvre à côté de tes fichiers. Les prompts, les diffs et l'éditeur sont tous dans le même panneau désormais. Plus de 2 millions de développeurs travaillent déjà comme ça.

Pourquoi utiliser Claude Code dans VS Code

L'extension remonte chaque fonctionnalité terminal dans la mise en page IDE :

• Exploration autonome : Claude lit, écrit et explore ton codebase de façon indépendante
• Diffs en temps réel : Vois les changements en diffs inline avec des boutons accepter/rejeter
• Sous-agents : Lance des tâches IA en parallèle pour des opérations complexes multi-fichiers
• Commandes slash personnalisées : Accède aux commandes CLI directement dans l'extension
• Support MCP : Utilise des serveurs MCP pour l'automatisation de navigateur et la recherche
• Extended thinking : Active la visibilité du raisonnement de Claude pour une réflexion profonde
• Mode plan : Révise et modifie les plans de Claude avant d'accepter les changements

Le premier projet sur lequel tu le pointes tourne plus vite parce que Claude édite directement dans le workspace, au lieu de te passer des patchs à appliquer.

Installer l'extension Claude Code

Via le VS Code Marketplace (recommandé) :

1. Ouvre VS Code
2. Clique sur Extensions (Ctrl+Shift+X)
3. Recherche "Claude Code"
4. Installe l'extension officielle Anthropic (badge éditeur vérifié)

Prérequis : VS Code 1.98.0+ et l'un de ces éléments :

• Abonnement Claude Pro ou Max
• Plan Team ou Enterprise
• Clé API (paiement à l'usage)

Consulte le guide d'installation si quelque chose cloche. Le même package s'installe dans Cursor, Windsurf et VSCodium aussi, pas seulement VS Code de base.

Configurer ta première session

Clique sur le bouton Spark pour faire apparaître Claude Code dans VS Code. Les utilisateurs Mac ouvrent une nouvelle conversation avec Cmd+N, les utilisateurs Windows appuient sur Ctrl+N.

Demande à Claude de faire quelque chose de concret :

Create a React component with useState hook for a counter

Un diff en direct apparaît dans l'éditeur. Élargis la barre latérale et tu verras trois couches à l'intérieur :

1. Changements mis en évidence montrant ce que Claude veut ajouter
2. Boutons Accepter/Rejeter au niveau du diff
3. Prévisualisation du fichier avant de valider

Clique sur accepter. Le code atterrit dans ton workspace immédiatement.

Tu veux un ajustement ? Dis-le :

Add a reset button to the counter

Claude dépose un nouveau diff sur le même fichier. Rien n'est envoyé tant que tu ne l'approuves pas. Le guide des bases de configuration couvre ce que tu peux activer d'autre à partir de là.

Options de configuration

Mode Extended Thinking

Active Extended Thinking en bas à droite de la boîte de prompt et le raisonnement de Claude devient visible avant toute modification. Pratique quand tu traques un bug dans une logique difficile à suivre.

Mode Auto-Accept

L'auto-accept applique les changements sans demander. Utilise-le une fois que tu as assez confiance dans un workflow pour regarder l'implémentation tourner sans cliquer à chaque fois.

Pièces jointes de fichiers

Dépose des fichiers directement dans la fenêtre de chat, ou utilise les @-mentions :

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

Le contexte du workspace est déjà chargé. Pas de configuration supplémentaire.

Sessions multiples

Chaque dossier de workspace peut héberger sa propre session Claude, ce qui est exactement ce que veulent les dépôts de microservices. Chacun garde un contexte séparé. Les équipes qui ont besoin d'un setup multi-agents structuré dans VS Code peuvent se tourner vers le Code Kit de ClaudeFast. Il embarque 18 agents spécialisés qui planifient d'abord, puis exécutent, avec des sessions parallèles coordonnées pour toi. Le doc sur les workflows d'agents couvre les patterns plus avancés.

Configuration du terminal dans VS Code

Le terminal intégré de VS Code nécessite un petit réglage avant que Shift+Enter commence à fonctionner comme touche de prompt multi-ligne. Lance /terminal-setup depuis n'importe quelle session Claude Code et le keybinding se configure automatiquement. Zéro édition manuelle.

Tu préfères Option+Enter ? Dans les Paramètres, ouvre Profils, puis Touches, puis passe la touche Option gauche/droite sur "Esc+".

Le guide de configuration du terminal couvre tous les réglages supplémentaires qui valent la peine.

Keybindings spécifiques à Windows

Deux raccourcis Windows par défaut s'écartent des raccourcis Mac :

• Alt+V pour coller une image (au lieu de Ctrl+V, qui est réservé au collage du presse-papiers)
• Meta+M pour cycler les modes de permission sur les anciennes versions de Node.js (inférieures à 24.2.0 ou 22.17.0) qui manquent du support du mode VT

Les deux sont des valeurs par défaut, et tout ça peut être reconfiguré depuis le fichier de configuration des keybindings.

Contrôler l'auto-installation de l'extension

Quand le CLI Claude Code détecte qu'il tourne dans VS Code, l'extension s'installe toute seule. Bloque ça avec une variable d'environnement :

export CLAUDE_CODE_IDE_SKIP_AUTO_INSTALL=1

Pratique pour les installations sous politique d'entreprise, les profils verrouillés et les pipelines qui n'ont jamais besoin de l'extension chargée.

Quand ça ne fonctionne pas

Le guide de dépannage couvre d'autres chemins de correction.

Enterprise : fournisseurs tiers

Tu passes par Amazon Bedrock ou Google Vertex AI ? Ajoute ça dans settings.json :

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

Les prompts de connexion se désactivent avec "claudeCode.disableLoginPrompt": true.

Tu peux maintenant coder avec Claude dans VS Code

• Claude Code niveau terminal est intégré dans l'IDE
• La suite : automatisation de navigateur via les extensions MCP
• Niveau supérieur : orchestration de tâches multi-étapes avec les workflows d'agents
• Côte à côte : comment l'extension se compare à Cursor
• Réglage fin : comportement du terminal et raccourcis clavier adaptés à ton workflow
• Configuration avancée : la référence complète des paramètres pour chaque option

L'extension sort des mises à jour à un rythme régulier. Encore en beta pour l'instant, donc les rapports de bugs atterrissent sur GitHub.