C'est la lecon ou les choses deviennent excitantes. Tu es sur le point de decouvrir l'outil qui rend le vibe coding possible — Claude Code.
Qu'est-ce que Claude Code ?
Claude Code est l'assistant de codage IA d'Anthropic, natif du terminal. Contrairement au chat avec Claude dans une fenetre de navigateur, Claude Code s'execute directement sur ton ordinateur. Il peut lire les fichiers de ton projet, comprendre ton codebase, et ecrire du vrai code dans ton systeme de fichiers.
Concept
Pense a Claude Code comme un developpeur senior assis a cote de toi — un qui ne s'enerve jamais face aux questions basiques, qui travaille aussi vite que tu peux taper, et qui a lu la documentation de chaque framework populaire. Tu decris ce que tu veux ; il le construit.La difference cle avec le chat IA dans le navigateur :
- Il voit ton projet — il sait quels fichiers tu as, quel code est ecrit, quels outils sont installes
- Il ecrit de vrais fichiers — pas du code dans une fenetre de chat que tu dois copier-coller, mais de vrais fichiers sur ton ordinateur
- Il execute des commandes — il peut installer des packages, demarrer des serveurs, lancer des tests
- Il demande la permission — tu revises et approuves toujours les modifications avant qu'elles soient effectuees
Installer Claude Code
Etape 1 : Installation via ton terminal
Ouvre ton terminal et lance :
npm install -g @anthropic-ai/claude-code
Cela installe Claude Code globalement sur ta machine.
Etape 2 : Authentification
Navigue vers ton dossier de projet et lance :
cd waitlist-wizard
claude
La premiere fois que tu le lances, Claude Code ouvrira ton navigateur pour t'authentifier avec ton compte Claude Pro. Connecte-toi et autorise la connexion.
Etape 3 : Verification
Apres l'authentification, tu devrais voir le prompt Claude Code dans ton terminal. Tape un message pour tester :
What's in this folder?
Claude devrait repondre en listant les fichiers de ton repertoire waitlist-wizard (juste le README.md de la derniere lecon).
Essaie
Lanceclaude dans ton terminal, puis tape : "Create a file called index.html with a simple hello world page". Regarde Claude creer le fichier, puis ouvre-le dans VS Code — il est vraiment la !
Comprendre le systeme de permissions
Claude Code fonctionne sur un workflow de revision et approbation. Quand il veut creer ou modifier un fichier, il va :
- Te montrer exactement ce qu'il prevoit de faire
- Attendre ton approbation avant de faire les modifications
- Ne proceder que lorsque tu dis oui
Cela signifie que tu gardes toujours le controle. Claude ne modifiera pas tes fichiers sans ta permission explicite.
Pour les taches simples ou tu fais confiance a ce qui se passe, tu peux choisir le mode "Accept all" — mais en tant que debutant, c'est une bonne pratique de revoir chaque modification pour apprendre ce qui est construit.
Le fichier CLAUDE.md
Chaque projet peut avoir un fichier CLAUDE.md — une sorte de "memoire de projet" qui indique a Claude tes preferences, ta stack technique, et comment tu veux qu'il travaille.
Essaie
Dans ta session Claude Code, tape : /initCela cree un fichier CLAUDE.md. Ensuite, edite-le (dans VS Code ou via Claude) pour inclure :
This is a beginner project. Explain changes simply. Use Next.js with TypeScript and Tailwind CSS.
Claude lira ce fichier au debut de chaque conversation, pour qu'il connaisse toujours le contexte de ton projet.
Plan Mode : reflechir avant de construire
L'une des fonctionnalites les plus puissantes de Claude Code est le Plan Mode. Au lieu de se lancer directement dans le code, le Plan Mode demande a Claude d'analyser le probleme et de definir les etapes d'abord.
Quand utiliser le Plan Mode :
- Les fonctionnalites complexes qui touchent plusieurs fichiers
- Tout ce dont tu n'es pas sur
- Quand tu veux comprendre l'approche avant de t'y engager
Quand le sauter :
- Les modifications simples sur un seul fichier
- Les corrections rapides et petits ajustements
Pour entrer en Plan Mode, tape /plan suivi de ta demande :
/plan Add an email signup form to the landing page that validates the email and shows a success message
Claude repondra avec un plan etape par etape. Tu peux discuter, modifier ou approuver le plan avant qu'aucun code ne soit ecrit.
Aide-memoire des commandes essentielles
| Commande | Ce qu'elle fait |
|---|---|
/help |
Voir toutes les commandes disponibles |
/clear |
Demarrer une conversation vierge |
/compact |
Resumer la conversation pour economiser le contexte |
/plan |
Entrer en mode plan — reflechir avant de construire |
/model |
Basculer entre Sonnet (rapide) et Opus (approfondi) |
Astuce pro
Utilise Sonnet pour les taches rapides comme corriger une faute de frappe ou ajouter un element simple. Utilise Opus pour les fonctionnalites complexes, le debogage de problemes difficiles, ou quand le resultat de Sonnet n'est pas tout a fait correct. Sonnet est plus rapide et moins cher ; Opus est plus intelligent et plus approfondi.Ta premiere vraie interaction
Faisons quelque chose de concret. Dans ta session Claude Code, essaie ce prompt :
Delete the index.html file and replace it with a proper Next.js project.
We'll set that up in the next lesson, so for now, just clean up.
Claude supprimera le fichier de test et laissera ton projet pret pour la prochaine etape.
Note honnete
Claude Code est ton copilote, pas ton pilote automatique. Mieux tu communiques ce que tu veux, meilleurs seront les resultats. Des prompts vagues donnent du code vague. Des prompts specifiques et descriptifs donnent exactement ce dont tu as besoin. Nous pratiquerons cette competence tout au long du cours.Point cle
Claude Code est installe, authentifie et pret a l'emploi. Tu as eu ta premiere conversation, cree ton premier fichier, et appris les commandes essentielles. A partir de maintenant, Claude est ton partenaire dans la construction de Waitlist Wizard.