Parcours 0 — Avant de commencer · leçon gratuite · 10 min

IDE et VS Code : l’éditeur à côté du terminal

Tu ne taperas pas tout dans le terminal. Un éditeur sert à lire et retoucher le code que Claude Code écrit.

Objectifs

  • Savoir ce qu’est un IDE / éditeur de code
  • Installer VS Code et ouvrir un dossier de projet
  • Utiliser le terminal intégré de VS Code

Un éditeur de code est un traitement de texte fait pour le code : il colore la syntaxe, montre l'arborescence du projet, souligne les erreurs, et sait ouvrir un terminal dans un panneau. Quand il embarque en plus des outils de débogage, de test et d'exécution, on parle d'IDE (Integrated Development Environment). La frontière est floue et sans importance pour toi.

VS Code (Visual Studio Code, gratuit, de Microsoft) est le choix par défaut de cette formation : disponible sur les trois systèmes, léger, et Anthropic fournit une extension Claude Code qui l'intègre dans l'éditeur. Tu peux aussi utiliser Cursor, WebStorm, Zed… Claude Code s'en fiche : il travaille sur les fichiers, pas sur ton éditeur.

À quoi ça te sert, toi qui ne vas pas écrire beaucoup de code ? À lire ce que Claude Code produit, à retoucher une phrase ou une couleur sans passer par l'IA, à voir l'arborescence, et à ouvrir les fichiers que Claude cite dans ses réponses.

  1. Installe VS Code depuis code.visualstudio.com (macOS : glisse l'application dans Applications ; Windows : installeur classique, coche « Ajouter au PATH » ; Linux : paquet .deb/.rpm ou Snap).
  2. Ouvre un dossier de projet depuis le terminal :
cd ~/projets/mon-site
code .

Le point veut dire « ce dossier ». Si code n'est pas reconnu sur macOS : dans VS Code, Cmd+Shift+P → « Shell Command: Install 'code' command in PATH », puis rouvre le terminal.

  1. Dans VS Code, Ctrl+ù (macOS : Ctrl+ù aussi, ou menu Terminal → Nouveau terminal) ouvre un terminal intégré, déjà placé dans le dossier du projet. Tu peux y lancer claude : c'est le même terminal, dans une fenêtre plus pratique.

Deux façons d'utiliser Claude Code avec VS Code : dans le terminal intégré (exactement comme dans un terminal séparé), ou via l'extension officielle Claude Code (disponible sur le marketplace), qui ajoute un panneau de conversation et affiche les modifications proposées directement dans l'éditeur. Les deux reposent sur le même outil ; cette formation se concentre sur la version terminal, que tu retrouveras partout.

Erreurs courantes

zsh: command not found: code

La commande code n’a pas été ajoutée au PATH (macOS).

Dans VS Code : Cmd+Shift+P → « Install code command in PATH », puis ferme et rouvre le terminal.

À retenir

  • Un éditeur de code sert à lire et retoucher le code ; VS Code est gratuit et fonctionne partout.
  • code . ouvre le dossier courant dans VS Code.
  • Le terminal intégré de VS Code est un vrai terminal : Claude Code s’y lance de la même façon.