Comment utiliser Claude Code : tutoriel pour débutants (2026)

Pour utiliser Claude Code, lancez-le dans un dossier de projet, décrivez en langage courant le résultat que vous voulez, laissez-le planifier, approuvez ou relisez ce qu'il modifie, et vérifiez vous-même le résultat avant de passer à la suite. Ce tutoriel montre cette boucle sur un petit projet réel que vous pouvez terminer en un week-end : le site d'une page d'un commerce local. Vous verrez exactement quoi taper, comment fonctionnent les permissions et le mode plan, et comment annuler une étape qui a mal tourné.

L'entreprise de l'exemple est inventée : Muddy Paws, un salon de toilettage pour chiens. Remplacez-la par la vôtre, ou par celle d'un ami, et vous finirez le week-end avec quelque chose de vraiment utile.

Ce qu'il vous faut avant de commencer

• Claude Code installé et connecté. Si ce n'est pas encore fait, suivez d'abord le guide d'installation pour Mac et Windows.
• Un forfait Claude payant, puisque le forfait gratuit n'inclut pas Claude Code.
• Les informations sur l'entreprise : le nom, ce qu'elle vend, trois prestations avec leurs prix, les horaires d'ouverture, le secteur, le numéro de téléphone, un lien de réservation s'il y en a un, et deux ou trois vrais avis clients.
• Deux sessions de travail concentrées : une le samedi pour construire, une le dimanche pour peaufiner.

J'utilise ci-dessous la version terminal. L'onglet Code de l'application de bureau a les mêmes commandes, avec le sélecteur de mode de permission à côté du bouton d'envoi.

Samedi matin : préparer le projet

Étape 1 : créer un dossier et lancer une session

Chaque projet a son propre dossier. Claude Code peut lire tout ce qui se trouve dans le dossier où vous le lancez : un dossier propre le garde concentré et met vos autres fichiers hors de sa portée.

Sur Mac :

$ mkdir -p ~/claude-projects/muddy-paws
$ cd ~/claude-projects/muddy-paws
$ claude
$ 

Sur Windows, dans PowerShell :

PS> mkdir -Force "$HOME\claude-projects\muddy-paws"
PS> cd "$HOME\claude-projects\muddy-paws"
PS> claude
PS> 

Dans l'application de bureau, ouvrez l'onglet Code, choisissez Local, cliquez sur Select folder et créez-y le même dossier.

Étape 2 : choisir le niveau de contrôle

Claude Code a des modes de permission : des réglages qui décident des actions qu'il peut faire sans vous demander. Vous passez de l'un à l'autre avec Maj+Tab (Shift+Tab), la ligne sous la zone de saisie affiche le mode en cours, et les versions actuelles démarrent les nouvelles sessions de terminal en mode auto.

Quand Claude Code demande une permission, Yes approuve cette action seulement, Yes, and don't ask again enregistre une règle pour que cette commande s'exécute désormais sans demander dans ce projet, et No refuse (Échap fait la même chose). Quand Yes ou No est en surbrillance, appuyez sur Tab pour ajouter une note comme « Non : utilise plutôt les photos du dossier images », et Claude s'adapte.

Étape 3 : rédiger le brief en mode plan

Appuyez sur Maj+Tab jusqu'à ce que la barre d'état affiche ⏸ plan mode on, ou tapez /plan au début de votre message. Collez ensuite un brief comme celui-ci, avec vos propres informations :

Je veux un site d'une page pour Muddy Paws, un salon de toilettage pour chiens à [VILLE].

Public : des propriétaires de chiens pressés qui habitent à proximité et réservent surtout depuis leur téléphone.
Objectif : les amener à toucher « Réserver un toilettage » ([LIEN DE RÉSERVATION]) ou à appeler le [NUMÉRO DE TÉLÉPHONE].

Sections, dans cet ordre :
1. Un titre qui dit ce que nous faisons et où, avec le bouton de réservation
2. Trois prestations avec leurs prix : [PRESTATION ET PRIX] x3
3. Horaires d'ouverture et adresse
4. Deux avis clients : [COLLER DE VRAIS AVIS]
5. Contact : téléphone, e-mail et lien vers une carte

Style : chaleureux et épuré, beaucoup d'espace blanc, du texte en grand, facile à utiliser sur un téléphone.
Contraintes : un fichier index.html et un fichier styles.css. Aucun framework. Aucune photo que je n'ai pas validée.
Terminé signifie : je peux ouvrir index.html dans mon navigateur, tout ce qui précède y figure, et c'est lisible sur un téléphone.

Avant d'écrire quoi que ce soit, pose-moi jusqu'à cinq questions sur ce qui manque, puis propose un plan.

Claude lit le dossier vide, pose ses questions (parfois sous forme de choix multiples), puis présente un plan : les fichiers qu'il va créer, ce que contient chaque section et ce qu'il lui faut encore de votre part. Pour modifier le plan directement, appuyez sur Ctrl+G : il s'ouvre dans votre éditeur de texte.

Samedi après-midi : construire, regarder, réagir

Étape 4 : approuver la construction pas à pas

Claude crée maintenant index.html, puis styles.css. Avant chaque fichier, il montre ce qu'il s'apprête à écrire et attend votre réponse. Approuvez quand c'est conforme au plan, et regardez de plus près toute commande qui supprime des fichiers ou sort du dossier.

Quand il a fini, ouvrez la page en double-cliquant sur index.html dans le Finder ou l'Explorateur de fichiers, ou, sur Mac, tapez ! open index.html dans Claude Code. Le ! au début vous permet de lancer une commande vous-même, sans passer par Claude.

Étape 5 : faire des retours comme un client

C'est là que se joue l'essentiel. Réagissez comme le ferait un client exigeant : court, précis, une chose à la fois.

Taper @ suivi d'un nom de fichier, par exemple @brand.txt, dirige Claude vers ce fichier précis pour qu'il le lise avant d'agir. Pour montrer un problème au lieu de le décrire, faites une capture d'écran et collez-la dans Claude Code avec Ctrl+V dans la plupart des terminaux, Cmd+V dans iTerm2 ou Alt+V sous Windows.

Vous n'avez pas à attendre en silence pendant qu'il travaille. Tapez une correction et appuyez sur Entrée : Claude la lit dès que son étape en cours est terminée. Ou appuyez sur Échap pour l'arrêter immédiatement.

Étape 6 : annuler une modification qui ne vous plaît pas

Tôt ou tard, une modification empire les choses. Vous avez trois façons de revenir en arrière :

1. Demander. « Annule cette dernière modification » suffit pour les cas simples.
2. Rembobiner. Appuyez deux fois sur Échap avec une zone de saisie vide, ou tapez /rewind, choisissez le message d'avant le problème, puis Restore code and conversation, Restore code (garder le chat, remettre les fichiers comme avant) ou Restore conversation (garder les fichiers, rembobiner le chat).
3. Revenir à une version enregistrée, si vous utilisez git, un outil gratuit qui garde des instantanés nommés d'un projet.

Pour un vrai filet de sécurité, demandez-en un. La plupart des Mac ont déjà git. Sous Windows, installez d'abord Git for Windows.

Transforme ce dossier en dépôt git et enregistre la version actuelle avec une description claire de ce qui fonctionne.

Dimanche : rendre le tout solide

Étape 7 : noter ce que vous avez décidé

À ce stade, vous avez pris des décisions sur les couleurs, le ton et « toujours vérifier en largeur téléphone ». Enregistrez-les pour ne jamais avoir à les répéter :

Crée un fichier CLAUDE.md pour ce projet avec les informations sur l'entreprise, les règles de style sur lesquelles on s'est mis d'accord, et une règle qui t'oblige à vérifier la page en largeur téléphone avant de dire que tu as fini.

CLAUDE.md est un simple fichier texte que Claude Code lit au début de chaque session dans ce dossier. Les modifications que vous y faites en cours de session prennent effet après /clear ou à la session suivante. Le guide sur le fichier CLAUDE.md montre quoi y mettre, avec des modèles.

Étape 8 : demander une relecture avec preuves

Relis la page comme un client exigeant. Vérifie que chaque section de mon brief est là, que tous les liens et le numéro de téléphone fonctionnent, que le texte est lisible en largeur téléphone, que les images ont un texte alternatif, et qu'aucun nom, prix ou horaire ne diffère de mon brief. Corrige ce que tu peux, puis liste ce que tu as modifié et ce qu'il te faut encore de ma part.

Puis vérifiez vous-même : cliquez sur chaque lien, réduisez la fenêtre du navigateur à la largeur d'un téléphone, et lisez chaque prix à voix haute en le comparant à votre grille tarifaire. Si vous avez mis en place git à l'étape 6, /diff montre ce qui a changé depuis la dernière version enregistrée.

Étape 9 : décider où le mettre en ligne

La mise en ligne est un travail à part entière : un nom de domaine, un hébergement gratuit et quelques réglages pour que les moteurs de recherche trouvent la page. Le guide pour créer un site avec l'IA couvre la publication avec Claude Code et Vercel, et le tutoriel de vibe coding pour un site ajoute une checklist de lancement pour la landing page d'une entreprise.

10 astuces pour bien utiliser Claude Code

1. Un résultat par message. « Mets le bouton de réservation en pleine largeur sur téléphone » vaut mieux qu'un paragraphe de cinq souhaits.
2. Montrez, ne décrivez pas. @styles.css fait lire le bon fichier à Claude au lieu de le laisser le chercher.
3. Laissez-le vous interviewer. Pour tout ce qui dépasse une retouche, terminez par « pose-moi des questions jusqu'à avoir tout ce qu'il te faut ».
4. Planifiez quand vous ne savez pas le dire en une phrase. Sautez le plan pour les petites corrections, où il ne fait qu'ajouter des étapes.
5. Arrêtez tôt. Appuyez sur Échap dès qu'il part dans la mauvaise direction, car attendre ne fait qu'alourdir le nettoyage.
6. Deux échecs, on repart à zéro. Si vous avez corrigé deux fois la même chose, lancez /clear et écrivez un meilleur premier prompt avec ce que vous avez appris.
7. Une tâche par session. Utilisez /clear entre deux travaux sans rapport, et lancez d'abord /rename si vous voulez retrouver l'ancienne conversation plus tard avec /resume.
8. Demandez des preuves, pas des paroles rassurantes. « Liste les fichiers que tu as modifiés » ou « montre-moi d'où vient ce chiffre » vaut mieux que « c'est fini ? ».
9. Gardez les questions annexes à part. /btw répond à une question rapide sans l'ajouter à la conversation principale.
10. Laissez l'outil vous former. /powerup lance de courtes leçons interactives, la référence du mode interactif liste tous les raccourcis, et notre aide-mémoire Claude Code rassemble les plus utiles sur une seule page.

Que faire ensuite

Choisissez un deuxième petit projet pour le week-end prochain, idéalement quelque chose que vous paieriez sinon ou que vous repoussez sans cesse, et reprenez la même boucle : brief en mode plan, construction en mode manuel, relecture avec preuves, et ce que vous avez appris enregistré dans CLAUDE.md. Notre liste d'idées de projets Claude Code propose des options qui vont d'une heure à un week-end. Si vous préférez être guidé sur tout le parcours, la formation Claude Code va de l'installation jusqu'à une landing page publiée, une vidéo IA et un agent qui gère vos factures.