Formation Coder avec l’IA

Installer ses outils en 30 minutes : éditeur, Node.js et assistant IA

Un poste prêt en 30 minutes : Node.js, Git, l’éditeur de votre choix (VS Code, WebStorm ou Antigravity) et un assistant IA configuré.

Module 0 · Démarrer vite et sereinement

Leçon gratuite

Objectif du chapitre

Votre machine exécute node -v, git -v et votre assistant IA répond dans votre éditeur. Durée : 30 min · 90 % pratique.

Prérequis : MonTour et la méthode (chapitre 00).

Étape 1 : Node.js et Git

Installez Node.js en version LTS (de préférence via nvm pour changer de version facilement) et Git.

# macOS / Linux avec nvm
nvm install --lts
node -v
npm -v

# Git
git --version
git config --global user.name "Votre Nom"
git config --global user.email "vous@exemple.fr"
git config --global init.defaultBranch main

Étape 2 : choisir son éditeur

Peu importe l’éditeur : la méthode est la même. Choisissez selon votre profil.

  • VS Code : gratuit, léger, le plus répandu. Ajoutez les extensions ESLint, Prettier, Tailwind CSS IntelliSense et GitLens.
  • WebStorm (ou IntelliJ IDEA si vous faites aussi du Java) : refactoring, débogage et inspections TypeScript très poussés.
  • Antigravity : l’éditeur de Google pensé autour d’agents IA. Pratique pour déléguer des tâches entières, à condition de relire chaque changement.
  • Cursor : un éditeur dérivé de VS Code avec l’IA intégrée.

Pratique : réglez votre éditeur

Activez le formatage à l’enregistrement, l’affichage des espaces en fin de ligne et le terminal intégré. Ouvrez le panneau Git (ou « Commit » dans WebStorm) : vous l’utiliserez à chaque chapitre.

Étape 3 : un assistant IA

Il vous faut au moins un assistant capable de lire votre projet.

  • Claude Code, en ligne de commande, travaille sur tout le dépôt par tâches.
  • GitHub Copilot, l’agent de Cursor ou celui d’Antigravity travaillent dans l’éditeur.
# Exemple : installer Claude Code
npm install -g @anthropic-ai/claude-code
claude --version

Étape 4 : le test de bout en bout

mkdir montour-test && cd montour-test
node -e "console.log('Node OK')"
git init && git status

Demandez ensuite à votre assistant : « Explique-moi en 3 lignes ce que fait la commande git status. » S’il répond, votre poste est prêt.

Réflexe sécurité

Votre assistant lit vos fichiers. N’ouvrez jamais avec lui un dossier contenant des clés, des exports clients ou des mots de passe. Vérifiez dans ses réglages ce qu’il envoie et ce qu’il conserve.

Étape 5 : préparer l’outillage IA du projet

Pas besoin de tout installer aujourd’hui. Retenez ce qui servira, et quand :

  • Fichier de règles AGENTS.md : créé au chapitre 03.
  • Connecteurs MCP GitLab, Supabase, Playwright, Vercel, Stripe et Context7 : ajoutés au fil des modules, référence complète au chapitre 33.
  • Skills et sous-agents : au module 9.
# Vérifier que Claude Code voit le projet et ses connecteurs
claude --version
claude mcp list

Le prompt reproductible

Même point de départ, même contexte, même résultat : partez du tag indiqué et collez ce prompt tel quel.

Point de départ : dossier vide montour-test.
Tâche : vérifie mon poste. Lance node -v, npm -v et git --version,
puis explique en une ligne chacune ce qui manque pour suivre une
formation Next.js + TypeScript + Supabase (Docker, nvm…).
Contraintes : n'installe rien, ne modifie aucun fichier, propose
uniquement des commandes officielles (nodejs.org, git-scm.com, docker.com).

Qualité du code : ce que vous vérifiez

  • Le formatage automatique (Prettier) et le lint (ESLint) dans l’éditeur sont votre premier filet : le pipeline du chapitre 04 appliquera les mêmes règles.
  • Une version de Node fixée (fichier .nvmrc) : le code se comporte pareil chez vous, dans la CI et en production.
  • Sans IA : sachez renommer une fonction et naviguer vers sa définition avec les raccourcis de l’éditeur. C’est plus sûr qu’un renommage par l’assistant.

Outillage IA de ce chapitre

Connecteurs MCP : aucun à ce stade. Vérifiez seulement que claude mcp list répond.

Agents : aucun. Détails dans le chapitre outillage.

Vérifier

  • ☐ node -v affiche une version LTS.
  • ☐ git config --global user.name affiche votre nom.
  • ☐ Mon éditeur formate le code à l’enregistrement.
  • ☐ Mon assistant IA répond à une question sur le dossier ouvert.

Défi

Installez un deuxième éditeur et comparez la même tâche dans les deux : renommer une fonction utilisée dans trois fichiers.

Pour aller plus loin

Suivez votre progression. Créez un compte gratuit pour cocher vos leçons et reprendre là où vous en étiez.

Créer un compte gratuit