IA & Outils · Tuto
Installer Claude Code dans VS Code.
Le setup qui remplace l'app desktop.
Chez Growthappiness, on fait tourner Claude sur des projets clients toute la journée : sites, contenus, automatisations. Et on a vite arrêté d'utiliser l'application Claude desktop. Pas par snobisme technique, par productivité : dès qu'on travaille sur de vrais fichiers, elle devient un goulot. La solution qu'on a adoptée et qu'on installe désormais à nos clients : faire tourner Claude Code dans VS Code. Même Claude, même compte, mais un environnement où l'on garde le contrôle. Voici le setup exact, pas à pas, pensé pour quelqu'un qui n'a jamais ouvert VS Code.
Pourquoi quitter l'app desktop
L'app desktop fait bien une chose : discuter. Le problème commence quand la conversation doit produire un livrable. Vous demandez une modification sur une page, Claude vous répond du texte, et c'est à vous de le recopier au bon endroit dans le bon fichier. Multipliez ça par vingt allers-retours sur un projet client et vous comprenez pourquoi on perd un temps fou. Pire : vous ne voyez jamais la structure du projet, donc vous pilotez à l'aveugle.
VS Code règle exactement ça. C'est un éditeur gratuit et open-source de Microsoft, à l'origine pensé pour les développeurs, mais qu'on détourne ici comme un simple plan de travail pour vos fichiers. Trois zones : vos dossiers listés à gauche, Claude dans un panneau à droite, un terminal en bas pour lancer une commande (un déploiement, par exemple) sans changer de fenêtre. Tout ce qui était dispersé tient désormais sur un seul écran.
L'idée clé
Vous ne changez pas d'IA, vous changez de poste de travail. C'est le même Claude, le même abonnement, les mêmes réponses, mais posé dans un environnement où vous voyez ce qu'il fait et où vous pouvez même ouvrir un second agent (comme Codex, d'OpenAI) juste à côté pour confronter deux avis sur une question délicate.
Étape 1 — Installer VS Code
Rendez-vous sur le site officiel de VS Code et cliquez le gros bouton bleu Download. Il choisit tout seul la bonne version, Mac ou Windows. Vous l'avez déjà installé ? Passez directement à l'étape 2.
Étape 2 — Installer les 5 extensions
Une extension, c'est un module qu'on ajoute à VS Code pour lui donner une nouvelle capacité. Le setup repose sur cinq d'entre elles. Voici ce que fait chacune.
Claude Code
L'essentielle. C'est l'agent d'Anthropic intégré à l'éditeur : vous lui parlez dans un panneau, il lit votre projet et écrit directement dans les fichiers. Sans elle, le reste n'a pas d'intérêt.
Codex
Le second avis. C'est l'agent d'OpenAI, installé en parallèle de Claude. Pratique quand un point coince : poser la même question aux deux modèles et comparer évite de partir sur une mauvaise piste.
Min Theme
Le confort visuel. Un jeu de couleurs sobre, disponible en clair comme en sombre. Détail anodin en apparence, mais quand on passe ses journées dans l'outil, des yeux reposés changent tout.
Symbols
La lisibilité. Elle remplace les icônes de fichiers par des pictogrammes épurés. Sur un projet qui contient des dizaines de pages, repérer le bon dossier d'un coup d'œil fait gagner de vraies secondes, plusieurs fois par heure.
Pixel Agents
Le plaisir. Purement cosmétique : elle affiche vos agents sous forme de petits personnages pixel-art qui s'animent quand ils travaillent. Inutile, et c'est très bien comme ça : un outil qu'on a plaisir à ouvrir, on l'utilise plus.
Pour les installer : ouvrez VS Code, cliquez l'icône Extensions dans la barre de gauche (le petit carré composé de blocs), tapez le nom de chaque extension dans la recherche, puis cliquez Install. Cinq fois, c'est tout.
Étape 3 — Régler le look
Le setup, ce n'est pas que des extensions. C'est aussi réglé pour que l'éditeur soit calme et reposant. Deux réglages suffisent.
- Le thème : appuyez sur Cmd + Shift + P (sur Windows, Ctrl + Shift + P). Ça ouvre la palette de commandes, une barre de recherche qui lance n'importe quelle commande en tapant son nom. C'est le raccourci le plus utile de toute l'appli. Tapez theme, cliquez « Preferences: Color Theme », puis choisissez Min Dark (sombre) ou Min Light (clair). Basculer prend cinq secondes.
- Les icônes : même palette de commandes, tapez « File Icon Theme », et choisissez Symbols.
Étape 4 — Lancer Claude et ouvrir votre projet
Cliquez l'icône Claude dans la barre latérale (ou ouvrez-la via la palette de commandes en tapant « Claude »), puis connectez votre compte Anthropic, le même que d'habitude. Le panneau Claude s'ouvre à droite.
Ensuite, ouvrez votre dossier de travail : menu File → Open Folder, et sélectionnez le projet sur lequel vous voulez bosser. Vos fichiers apparaissent à gauche. À partir de là, vous demandez à Claude ce que vous voulez en langage normal, et vous le voyez modifier vos fichiers en direct sous vos yeux.
Le point important : le mode autonome
À lire avant d'activer
Claude Code propose un mode autonome (son vrai nom technique : bypass permissions). Par défaut, l'outil vous demande votre feu vert avant chaque action. En mode autonome, il enchaîne tout seul : il modifie les fichiers et exécute des commandes sans valider à chaque étape. C'est plus fluide, mais ça transfère la responsabilité sur vous. Notre règle interne, qu'on transmet à nos clients : on ne l'active que sur un dossier qu'on maîtrise et dont on a une sauvegarde. Jamais directement sur un environnement de production ou un fichier irremplaçable.
Notre recommandation quand vous débutez : laissez le mode autonome désactivé au départ. Claude vous demandera confirmation avant chaque action, et c'est rassurant le temps de prendre vos marques. Créez un dossier de test neuf, bossez dedans, et activez le mode autonome seulement quand vous êtes à l'aise. Rien ne presse.
Ce que ça change concrètement pour une PME B2B
Au-delà du confort, ce setup change votre rapport à l'IA au quotidien. Trois bénéfices concrets quand on dirige une petite structure.
1. Vous arrêtez de copier-coller
Plus d'aller-retour entre une fenêtre de chat et vos documents. Claude lit et écrit directement dans vos fichiers : une page web, un plan de contenu, un export de données. Le temps gagné est réel et quotidien.
2. Vous voyez ce que l'IA fait
Vos fichiers sont sous les yeux, à gauche. Quand Claude modifie quelque chose, vous le voyez. C'est la différence entre déléguer en aveugle et garder le contrôle, ce qui compte quand le résultat part chez un client.
3. Vous gardez tout au même endroit
Édition, terminal pour déployer, IA, deuxième agent pour vérifier : tout est dans une fenêtre. Moins de friction, plus de choses livrées dans la journée.
au lieu de trois
à installer
mettre en place
Si vous bloquez
Inutile de s'acharner quand un écran n'est pas clair. Le réflexe le plus efficace, et c'est un peu l'ironie de la chose : demandez à Claude lui-même. Faites une capture de ce qui vous bloque, collez-la dans le panneau, et demandez-lui à quoi sert tel bouton ou pourquoi telle erreur apparaît. C'est la façon la plus rapide d'apprendre l'outil, et tant que vous restez dans un dossier de test, vous ne risquez rien.
Le verdict Growthappiness
Faire tourner Claude Code dans VS Code, ce n'est pas un truc de développeur. C'est le setup le plus simple pour transformer l'IA en vrai outil de travail au lieu d'une boîte de chat. Le même Claude, dans une fenêtre qui ne vous freine pas.
Le vrai différenciateur en 2026 ne sera pas « qui utilise l'IA », tout le monde l'utilisera. Ce sera « qui sait l'intégrer dans un workflow qui livre ». C'est exactement le terrain qu'on couvre dans le pack Formation Claude IA : on vous installe votre setup, on vous montre les bons réflexes, et vous repartez autonome.