Installer Claude Code dans VS Code en 10 minutes, Quentin IA Marketing

Avant de commencer

La majorité des gens utilisent Claude sur claude.ai ou via Claude Cowork. C'est bien pour des questions ponctuelles, mais si tu veux vraiment exploiter Claude à fond, il faut le connecter directement à ton éditeur de code.

Claude Code dans VS Code, c'est Claude qui voit ton projet en entier : tous tes fichiers, ta structure, ton historique. Il peut créer, modifier et supprimer des fichiers directement. C'est un autre niveau.

Claude AI Lab

Le Claude AI Lab, c'est ma communauté Skool où je partage mes systèmes Claude et les modules plus avancés. L'entrée est gratuite.

Rejoindre le Lab →

✅Ce qu'il te faut

VS Code installé — Télécharge-le gratuitement sur code.visualstudio.com si ce n'est pas déjà fait.

Un compte Anthropic — C'est la société derrière Claude. Tu vas te connecter via ton compte existant ou en créer un.

Un abonnement Claude (Pro, Max ou API) — Claude Pro à $20/mois suffit pour commencer. Claude Max ($100 ou $200/mois) pour une utilisation intensive. Ou des crédits API en pay-as-you-go.

Node.js installé — Requis par l'extension Claude Code. Télécharge-le sur nodejs.org (version LTS recommandée).

Pourquoi VS Code ?

VS Code est l'éditeur de code le plus utilisé au monde. Claude Code s'y intègre nativement, ce qui te donne un assistant IA qui comprend tout ton projet, pas juste un bout de code collé dans un chat.

Installer l'extension Claude Code

⚙️5 étapes pour installer Claude Code dans VS Code

Ouvrir VS Code — Lance Visual Studio Code sur ton ordinateur. Si tu ne l'as pas encore, télécharge-le sur code.visualstudio.com.

Ouvrir le marketplace des extensions — Clique sur l'icône Extensions dans la barre latérale gauche, ou utilise le raccourci Cmd+Shift+X (Mac) ou Ctrl+Shift+X (Windows/Linux).

Chercher « Claude Code » — Tape « Claude Code » dans la barre de recherche. L'extension officielle est publiée par Anthropic. Assure-toi que c'est bien celle-là.

Cliquer sur « Install » — Clique sur le bouton bleu « Install ». L'installation prend quelques secondes. VS Code va télécharger et activer l'extension automatiquement.

Vérifier l'installation — Une fois installée, tu verras l'icône Claude Code apparaître dans ta barre latérale gauche. Tu peux aussi ouvrir le panneau avec Cmd+Shift+P puis taper « Claude ».

💡Alternative : installation via terminal

→

Si tu préfères la ligne de commande, tu peux aussi installer Claude Code globalement avec : npm install -g @anthropic-ai/claude-code. Ensuite, tape claude dans ton terminal pour lancer Claude Code directement.

Se connecter et démarrer

⚙️6 étapes pour lancer ta première conversation avec Claude dans ton projet

Ouvrir le panneau Claude Code — Clique sur l'icône Claude dans la barre latérale gauche de VS Code. Le panneau de chat s'ouvre.

Se connecter à ton compte — Claude Code te demande de te connecter. Clique sur le lien, connecte-toi avec ton compte Anthropic (celui avec ton abonnement Pro, Max ou tes crédits API).

Autoriser l'accès — Accepte les permissions dans le navigateur. Tu seras redirigé vers VS Code automatiquement. Le panneau affiche maintenant « Connected ».

Ouvrir ton dossier projet — Va dans File → Open Folder et sélectionne le dossier de ton projet. Claude Code fonctionne au niveau du dossier : il voit tout ce qu'il contient.

Envoyer ton premier message — Dans le panneau Claude Code, tape ta première question. Par exemple : « Explique-moi la structure de ce projet » ou « Crée-moi une landing page ».

Approuver les actions — Claude Code te demande la permission avant de créer ou modifier des fichiers. Tu gardes toujours le contrôle. Approuve chaque action ou refuse-la.

La différence clé

Contrairement à claude.ai, Claude Code voit tous les fichiers de ton projet. Il comprend la structure, les dépendances, le code existant. Il ne travaille pas à l'aveugle : il sait exactement où il intervient.

Configurer CLAUDE.md

📄C'est quoi CLAUDE.md ?

CLAUDE.md est un fichier d'instructions que Claude lit automatiquement à chaque nouvelle conversation. C'est la mémoire de ton projet. Tu y mets tout ce que Claude doit savoir pour être pertinent : ta stack technique, tes conventions de code, tes règles métier, le contexte de ton projet.

⚙️Comment le créer ?

Tape /init dans le chat Claude Code — C'est la commande magique. Claude analyse automatiquement tous les fichiers de ton projet (package.json, structure des dossiers, code existant, etc.).

Claude génère un CLAUDE.md adapté — Il crée un fichier CLAUDE.md à la racine de ton projet avec les instructions qu'il juge pertinentes. Tu peux le modifier et l'enrichir à tout moment.

Exemple de contenu

# Mon Projet - Instructions Claude

## Stack technique
- Frontend : React + TypeScript + Tailwind
- Backend : Node.js + Express
- Base de données : PostgreSQL + Prisma

## Conventions
- Composants React en PascalCase
- Fichiers en kebab-case
- Tests obligatoires pour chaque nouvelle feature

## Contexte
- SaaS B2B pour agences marketing
- Lancement MVP prévu en juin 2026

Pourquoi c'est important

Sans CLAUDE.md, Claude repart de zéro à chaque conversation. Avec, il connaît ton projet, ta stack, tes préférences. C'est la différence entre un stagiaire et un coéquipier qui connaît le projet par coeur.

3 cas où Claude Code écrase le reste

claude.ai et Claude Cowork, c'est bien pour discuter. Mais pour construire, debugger et refactorer, Claude Code dans VS Code est dans une autre catégorie.

🌐

Créer un site web complet

Claude Code voit tous tes fichiers, crée les composants, modifie le routing, ajoute les styles, et peut lancer le serveur de dev pour toi. Sur claude.ai, tu dois copier-coller chaque fichier un par un. Avec Claude Code, un seul prompt suffit pour générer un site fonctionnel.

🐛

Debugger une erreur en 30 secondes

Colle le message d'erreur dans le chat. Il lit les logs, trouve le fichier concerné, identifie la cause, et applique le fix directement. Sur claude.ai, tu dois coller l'erreur, le fichier entier, le contexte, puis recopier la correction à la main.

🛠️

Refactorer un projet entier

Claude Code peut modifier 20 fichiers d'un coup en comprenant les dépendances entre eux. Renommer une variable partout, migrer d'une librairie à une autre, restructurer un dossier. Sur claude.ai, c'est fichier par fichier, sans comparaison possible.

Astuce pro