Tout constructeur a besoin d'outils. Un menuisier a une scie, un marteau et un metre. Un vibe coder a un terminal, un editeur de code et le controle de version. Aujourd'hui, on installe les trois.
Le terminal n'est pas effrayant
Le terminal est simplement une facon textuelle de parler a ton ordinateur. Au lieu de cliquer sur des icones, tu tapes des commandes. C'est tout.
Concept
Pense au terminal comme une conversation directe avec ton ordinateur. Au lieu de naviguer dans des menus et des fenetres, tu tapes exactement ce que tu veux. C'est en fait plus rapide une fois qu'on s'y habitue — et c'est essentiel pour travailler avec Claude Code.Comment l'ouvrir :
- macOS : Ouvre l'application Terminal (cherche "Terminal" dans Spotlight avec Cmd+Space)
- Windows : Ouvre PowerShell (cherche "PowerShell" dans le menu Demarrer)
- Linux : Ouvre n'importe quel emulateur de terminal (generalement Ctrl+Alt+T)
Tes premieres commandes :
| Commande | Ce qu'elle fait | macOS/Linux | Windows |
|---|---|---|---|
| Ou suis-je ? | Affiche ton dossier actuel | pwd |
cd |
| Qu'est-ce qu'il y a ici ? | Liste les fichiers du dossier actuel | ls |
dir |
| Entrer dans un dossier | Changer de repertoire | cd nomdudossier |
cd nomdudossier |
| Creer un dossier | Creer un nouveau repertoire | mkdir nomdudossier |
mkdir nomdudossier |
Essaie
Ouvre ton terminal et cree ton dossier de projet :mkdir waitlist-wizardcd waitlist-wizard
Installer Node.js
Node.js te permet d'executer du JavaScript en dehors d'un navigateur web. Notre projet l'utilisera pour lancer le serveur de developpement et compiler l'application.
Etapes d'installation :
- Va sur nodejs.org
- Telecharge la version LTS (Long Term Support — la version stable)
- Lance l'installateur et accepte tous les parametres par defaut
- Verifie que ca a fonctionne en tapant dans ton terminal :
node --version
npm --version
Tu devrais voir des numeros de version. Si tu vois "command not found", ferme et rouvre ton terminal.
Astuce pro
Installe toujours la version LTS (Long Term Support) de Node.js, pas la version "Current". La LTS est stable et bien testee. La version "Current" peut contenir des bugs ou des changements cassants.VS Code : ton editeur de code
VS Code (Visual Studio Code) est un editeur de code gratuit cree par Microsoft. Il est utilise par des millions de developpeurs dans le monde, et c'est le meilleur environnement pour travailler avec l'IA.
Etapes d'installation :
- Va sur code.visualstudio.com
- Telecharge pour ton systeme d'exploitation
- Installe-le et ouvre-le
Les choses importantes a savoir :
- Explorateur de fichiers (barre laterale gauche) — affiche les fichiers de ton projet
- Terminal integre (panneau du bas) — un terminal integre a VS Code (ouvre avec Ctrl+` ou Affichage > Terminal)
- Sauvegarder les fichiers — Ctrl+S (Windows/Linux) ou Cmd+S (Mac)
Essaie
Ouvre VS Code, puis utilise Fichier > Ouvrir le dossier pour ouvrir ton dossierwaitlist-wizard. Tu devrais voir un projet vide dans l'explorateur de fichiers.
Extensions recommandees (installe-en 2 pour l'instant) :
- Prettier — formate automatiquement ton code pour qu'il soit propre
- ESLint — met en evidence les erreurs potentielles pendant que tu ecris
Pour installer : clique sur l'icone Extensions dans la barre laterale gauche (ou Ctrl+Shift+X) et cherche chacune.
Git : ton filet de securite
Git est le controle de version — il cree des "points de sauvegarde" pour ton code. Pense a ca comme les sauvegardes dans un jeu video. Si quelque chose casse, tu peux toujours revenir a un etat precedent.
Concept
Git suit les modifications de tes fichiers au fil du temps. Chaque fois que tu fais un "commit", tu crees un instantane de ton projet entier a ce moment-la. Si l'IA genere du code qui casse quelque chose, tu peux revenir a la derniere version fonctionnelle.Installation :
- macOS : Git est pre-installe. Tape
git --versionpour verifier. - Windows : Telecharge depuis git-scm.com et lance l'installateur (accepte tous les parametres par defaut).
- Linux : Lance
sudo apt install git(Ubuntu/Debian) ousudo dnf install git(Fedora).
Configure ton identite :
git config --global user.name "Your Name"
git config --global user.email "your@email.com"
Initialise ton projet :
cd waitlist-wizard
git init
Ton premier commit :
- Cree un fichier appele
README.mddans ton dossierwaitlist-wizard. Tu peux le faire dans VS Code ou avec le terminal :
echo "# Waitlist Wizard" > README.md
- Stage et commit :
git add .
git commit -m "first commit"
Essaie
Lancegit log dans ton terminal. Tu devrais voir ton premier commit avec le message "first commit." Tu as maintenant le controle de version en place.
Compte GitHub (optionnel mais recommande)
GitHub est l'endroit ou les developpeurs stockent et partagent du code. Nous l'utiliserons dans la Lecon 10 pour deployer ton application.
- Va sur github.com et cree un compte gratuit
- Tu n'as pas besoin de creer de repository pour l'instant — on fera ca plus tard
Note honnete
Ces outils peuvent sembler peu familiers et intimidants. C'est tout a fait normal. Tu n'as besoin de les apprendre qu'une seule fois. A partir de la Lecon 3, Claude Code t'aidera a les utiliser — tu decris simplement ce que tu veux en langage courant, et il s'occupe des commandes du terminal.Point cle
Tu as maintenant les trois outils fondamentaux que tout developpeur utilise : un terminal, un editeur de code et le controle de version. Ces outils peuvent sembler peu familiers, mais tu n'as besoin de les apprendre qu'une seule fois. A partir de maintenant, Claude Code t'aidera a les utiliser.