Gaëtan Wittebolle.EN
guides / claude-code / ch. 2
Chapitre 2 · Les fondations

🛠️ Installation pas à pas

10 min de lecture

🎯

Ce chapitre t'installe tout ce dont tu as besoin pour commencer : VS Code, Claude Code, et ton abonnement. Temps : 10 minutes.

Étape 1, installer VS Code (ton cockpit)

VS Code est l'éditeur de code que tu utiliseras pour voir les fichiers que Claude crée et modifie. Tu n'y écriras rien toi-même, mais c'est indispensable pour visualiser le projet.

  1. Télécharge VS Code sur code.visualstudio.com, c'est gratuit
  2. Installe-le comme n'importe quelle application
  3. Ouvre VS Code
✅

Pourquoi VS Code ? L'extension Claude Code te permet de voir les fichiers se modifier en temps réel pendant que Claude travaille, côte à côte avec la conversation. C'est bien plus confortable que le terminal seul.

Étape 2, installer l'extension Claude Code

C'est ce qui intègre Claude Code directement dans VS Code. Aucune autre dépendance n'est nécessaire, pas besoin d'installer Node.js ou quoi que ce soit d'autre.

  1. Dans VS Code, clique sur l'icône Extensions dans la barre latérale gauche (ou Cmd+Shift+X sur Mac, Ctrl+Shift+X sur Windows)
  2. Cherche "Claude Code"
  3. Clique Install sur l'extension d'Anthropic
  4. Une icône Claude (étincelle ✨) apparaît dans la barre d'outils de l'éditeur
💡

C'est tout pour l'installation technique. L'extension VS Code embarque tout ce qu'il faut. L'ancienne méthode qui demandait d'installer Node.js puis de taper npm install -g @anthropic-ai/claude-code dans le terminal n'est plus nécessaire.

Autres façons d'utiliser Claude Code

VS Code n'est pas la seule option. Claude Code est disponible sur 4 plateformes :

PlateformePour quiAvantage
Extension VS CodeDébutants et la plupart des développeursVue côte à côte : fichiers + chat
App desktop (Mac/Windows)Ceux qui préfèrent une app dédiéeRapide à lancer, pas besoin de VS Code
App web (claude.ai/code)Accès depuis n'importe quel navigateurZéro installation
Extension JetBrainsUtilisateurs IntelliJ, WebStorm, PyCharmIntégration native JetBrains

Ce guide utilise VS Code comme référence, mais tout ce qui est expliqué fonctionne de la même façon sur les autres plateformes.

Étape 3, choisir ton abonnement Anthropic

Claude Code consomme des tokens (unités de traitement) à chaque interaction. Il te faut un abonnement Anthropic.

PlanPrixPour quiLimite
Claude Pro20$/moisDécouvrir, petites featuresQuota limité, peut bloquer en milieu de session
Claude Max 5x100$/moisConstruire une app complète5x le quota Pro, suffisant pour 6-8h de dev/jour
Claude Max 20x200$/moisDev intensif sans interruption20x le quota Pro, quasi illimité
💡

Recommandation : commence avec Max 5x à 100$/mois. C'est ce que j'utilise pour construire des apps complètes. Le plan Pro à 20$ est trop limité, tu seras bloqué en plein milieu d'une feature, ce qui est frustrant et fait perdre du temps.

Pour t'abonner :

  1. Va sur claude.ai
  2. Crée un compte ou connecte-toi
  3. Va dans Settings → Subscription → Upgrade

Étape 4, premier lancement

Créer ton dossier de travail

Avant d'ouvrir VS Code, crée un dossier dédié à tes projets. Ce sera ta "maison" pour tout ce que tu construiras avec Claude Code.

Sur macOS : ouvre le Terminal (Cmd + Espace, tape "Terminal") et colle :

mkdir -p ~/code

Sur Windows : ouvre PowerShell et tape :

mkdir ~\code
💡

Pourquoi ~/code ? Le ~ représente ton dossier utilisateur (ex: /Users/aurore sur Mac, C:\Users\aurore sur Windows). En créant un dossier code à cet endroit, tu auras un espace propre et facile à retrouver pour tous tes projets. Chaque projet aura son propre sous-dossier dedans (ex: ~/code/mon-app).

Ouvrir le dossier dans VS Code

  1. Ouvre VS Code
  2. File → Open Folder (ou Cmd+O sur Mac)
  3. Navigue vers ton dossier code et sélectionne-le
  4. Clique sur l'icône Claude (étincelle) dans la barre d'outils en haut de l'éditeur
  5. Le panneau de chat s'ouvre sur le côté

Se connecter

Au premier lancement, Claude Code te demandera de te connecter à ton compte Anthropic via ton navigateur. Suis les instructions, c'est fait en 30 secondes. Une fenêtre s'ouvre, tu autorises l'accès, et c'est réglé.

Premier test

Pour vérifier que tout fonctionne, tape dans le chat :

"Dis-moi bonjour et confirme que tu as accès au système de fichiers."

Claude devrait te répondre et lister le contenu du dossier. Si ça marche, tu es prêt pour la suite.

💻 Alternative : installation en ligne de commande (utilisateurs avancés)

Si tu préfères utiliser Claude Code dans le terminal plutôt que dans VS Code, tu peux l'installer avec l'installeur natif. Aucune dépendance requise (pas même Node.js).

Sur macOS/Linux :

curl -fsSL https://claude.ai/install.sh | bash

Sur Windows (PowerShell) :

irm https://claude.ai/install.ps1 | iex

Puis ouvre un terminal dans ton dossier projet et tape claude pour lancer.

✅

Checklist d'installation - [ ] VS Code installé - [ ] Extension Claude Code installée dans VS Code - [ ] Abonnement Anthropic actif (Pro ou Max) - [ ] Premier lancement réussi et connexion faite

← Chapitre 1

🤖 Qu'est-ce que Claude Code ?

Chapitre 3 →

🧠 CLAUDE.md, le cerveau de ton projet

📖 Retour au sommaire