Claude Code est avant tout une CLI : un agent qui tourne dans ton terminal. Mais Anthropic publie aussi une extension VS Code qui te met Claude Code directement dans la barre latérale de ton éditeur. Tu lances l'agent sans quitter ton fichier, et il a accès à ton projet ouvert.
Installer l'extension
Ouvre VS Code et va dans Extensions (icône carrée dans la barre latérale, ou Ctrl+Shift+X). Cherche Claude Code et installe l'extension officielle Anthropic.
L'extension a besoin que la CLI Claude Code soit installée sur ta machine au préalable. Si ce n'est pas le cas, suis d'abord la leçon Installer Claude Code.
Lancer Claude Code dans VS Code
Après installation de l'extension, tu vois une icône Claude dans la barre latérale gauche. Clique dessus : ça ouvre un panneau avec une interface chat.
Lance ton premier prompt depuis l'extension. Claude Code voit ton workspace (les fichiers du projet ouvert) et peut les lire, les éditer, lancer des commandes terminal, et te montrer les diffs avant d'appliquer les changements.
Ce que tu gagnes par rapport à la CLI seule
- Lire les diffs côte à côte : quand Claude propose un changement, l'extension t'affiche le diff dans l'éditeur, pas juste dans le terminal.
- Ouvrir un fichier d'un clic depuis la conversation : Claude mentionne
lib/content.ts:124, tu cliques, tu sautes sur la ligne. - Garder Claude visible pendant que tu codes, sans alt-tab vers le terminal.
- Partager les screenshots : tu peux glisser une image dans la conv, utile pour montrer une UI à corriger.
Antigravity en alternative
Si tu utilises Antigravity au lieu de VS Code, l'agent est déjà intégré nativement. Pas besoin d'installer une extension : tu as Claude (et ses variantes agentiques) en barre latérale dès l'installation. La leçon précédente VS Code ou Antigravity détaille les différences.
À côté
Concepts-ponts
Le même agent vit dans deux surfaces, partage le compte et l'historique. La CLI dans le terminal, l'extension dans la barre latérale de l'IDE.