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
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 -vaffiche une version LTS. - ☐
git config --global user.nameaffiche 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