Skip to main content
Sommaire du guide
Débutant12 min

Claude Code pour débutants : analyse et édition de projets en pratique

Guide pratique pour travailler avec Claude Code : exploration de la base de code via Read, Glob et Grep, réalisation de revues de code (Code Review), édition complète des fichiers et annulation sécurisée des modifications.

Publié :
POUR AGENT IAChatGPTClaude

1. Comment Claude Code explore et lit une base de code

Contrairement aux chats IA classiques dans un navigateur, où le développeur doit copier manuellement le code source dans la fenêtre de dialogue, Claude Code est un agent terminal à part entière. Il dispose d'un accès direct au système de fichiers local de votre projet et sélectionne lui-même les outils spécialisés pour naviguer dans la base de code.

L'agent ne charge pas l'intégralité du projet en mémoire simultanément (ce qui épuiserait instantanément le quota de tokens), mais applique une stratégie ciblée de lecture progressive.

mermaid
flowchart TD A["Запит розробника:<br><i>'Як працює авторизація?'</i>"] --> B["Claude Code CLI"] B --> C["Glob<br><i>(Пошук файлів auth/*, login.*)</i>"] B --> D["Grep<br><i>(Пошук ключових слів createSession, jwt)</i>"] C & D --> E["Аналіз знайдених шляхів"] E --> F["Read<br><i>(Цільове читання знайдених файлів)</i>"] F --> G["Синтез відповіді з точними посиланнями"]

L'arsenal principal des outils d'exploration

Aperçu des outils de navigation de Claude Code ЗбільшитиAperçu des outils de navigation de Claude CodeAperçu des outils de navigation de Claude Code
OutilFonctionScénario d'utilisation typique
ReadOuvre et lit un fichier spécifique via son cheminRead src/auth/login.ts pour étudier la logique d'un composant
GlobTrouve des fichiers et chemins par motif ou extensionRecherche de toutes les configs **/*.config.{js,ts} ou des tests *.test.ts
GrepEffectue une recherche plein texte de chaînes ou d'expressions régulièresLocalisation des appels de fonction ou des commentaires TODO dans tout le code
Bash(ls)Examine la structure des répertoires et les modules présentsExploration de l'arborescence du dossier src/components/
Note

Vous n'avez pas besoin d'appeler ces utilitaires manuellement. Il suffit de formuler une question d'ingénierie en langage naturel, et Claude Code lancera automatiquement la chaîne d'outils optimale.


2. Onboarding rapide sur un projet inconnu

Lorsque vous ouvrez un grand dépôt pour la première fois, passer des heures à lire manuellement des centaines de fichiers est inefficace. Claude Code permet d'obtenir une vue architecturale complète en quelques secondes.

Formulation de la requête architecturale initiale

Accédez à la racine du dépôt, lancez claude et commencez par une invite diagnostique large :

text
Give me an overview of this project. What does it do, what is the tech stack, and how is the code organized?

Ce que fait l'agent lors du scan

  1. Lecture des manifestes de dépendances : analyse package.json, Cargo.toml, go.mod ou requirements.txt pour identifier les bibliothèques et frameworks principaux.
  2. Vérification de la documentation : ouvre README.md, ARCHITECTURE.md ou les fichiers de spécifications.
  3. Analyse de la structure des dossiers : évalue la répartition des responsabilités entre les répertoires (src/api, src/components, src/services, prisma).
  4. Génération d'un résumé : retourne un rapport structuré listant les modules clés, les points d'entrée et les instructions de lancement.
Astuce

Les explications de Claude sont basées sur le code actuel présent sur le disque, et non sur une documentation obsolète qui n'est souvent plus mise à jour depuis des années.


3. Exploration ciblée : traçage des flux de données et des requêtes

Une fois la vue d'ensemble comprise, vient le temps d'examiner des scénarios métier spécifiques. L'avantage le plus puissant de Claude Code par rapport aux modèles classiques est sa capacité à retracer la chaîne d'appels complète (Call Trace) entre les différentes couches de l'application.

Comment Claude trace les chaînes d'interaction

Lorsque vous posez une tâche du type « trace le flow », l'agent exécute les étapes suivantes :

  • Identifie le composant UI du formulaire via Grep.
  • Localise la fonction gestionnaire de clic et détermine le point de terminaison API correspondant.
  • Ouvre la route backend et analyse les middlewares appliqués.
  • Examine les appels ORM/base de données et retourne un schéma étape par étape cohérent avec les numéros de ligne.

4. Recherche approfondie par patterns et refactoring des imports

Grâce aux outils intégrés Grep et Glob, l'agent effectue une recherche précise de l'utilisation de fonctions, types ou fichiers selon des motifs, vous épargnant ainsi la sortie brute du terminal.

Exemples de requêtes de recherche précises

bash
# Знайти всі файли, які імпортують утиліту авторизації Which files import from @/lib/auth or use the useSession hook? # Знайти всі залишені технічні борги та мітки Show me all TODO, FIXME, and HACK comments across the codebase with file paths # Знайти всі виклики конкретної функції Where is the calculateDiscount function called, and what parameters are passed to it? # Знайти файли міграцій бази даних List all migration files in the prisma/migrations/ directory created in the last month

Claude traite les résultats, les regroupe par catégories et explique le contexte de chaque occurrence trouvée, au lieu de simplement afficher une liste incohérente de lignes.


5. Décortiquage et analyse de sections de code complexes

Lorsque vous faites face à du code legacy confus, à des expressions régulières obscures ou à des pipelines de traitement de données complexes, sollicitez Claude pour une analyse détaillée.

Requêtes de déconstruction de code

text
# Analyse de la chaîne de middleware Expliquez le pipeline d'exécution des middlewares dans src/server/middleware.ts. Que fait chaque middleware, et dans quel ordre exact sont-ils exécutés ? # Explication d'une expression régulière complexe Cette expression régulière dans src/utils/validators.ts est difficile à lire. Décomposez-la partie par partie et fournissez des exemples de chaînes correspondantes et non correspondantes. # Analyse du cycle de vie du composant La gestion de l'état dans UserDashboard.tsx semble excessivement complexe. Expliquez le flux de l'état, ce qui déclenche chaque useEffect, et où des conditions de concurrence (race conditions) pourraient survenir.

L'agent ne se contente pas de paraphraser le code ; il analyse les cas limites (edge cases), les fuites de mémoire potentielles et les problèmes de synchronisation.


6. Réalisation de Code Review et analyse Git Diff

Claude Code est excellent pour l'audit local des modifications avant la création d'un commit ou l'ouverture d'une Pull Request.

Workflow de revue

bash
# 1. Швидкий аудит застейджених змін перед комітом git diff --staged | claude -p "Review this diff for bugs, edge cases, security issues, and style problems. Be concise." # 2. Перевірка розбіжностей між гілкою задачі та main git diff main...feature-branch | claude -p "Perform a code review of this branch. Focus on performance regressions and breaking changes."

Revue interactive en session

Si vous êtes déjà en mode interactif avec Claude, tapez simplement :

text
Review the changes I made in the last commit. Look for logic bugs, missing error handling, and potential production bottlenecks.

Claude analysera la sortie de git diff, signalera les potentiels problèmes de fiabilité et proposera des correctifs concrets avant même que vos collègues ne voient le code.


7. Outils de modification : Edit, Write et Bash

Comprendre comment Claude Code modifie le système de fichiers est la clé pour contrôler la sécurité de la base de code. Pour apporter des changements, l'agent utilise une triade d'outils : Edit, Write et Bash.

mermaid
flowchart LR subgraph Модифікація_диска["Інструменти редагування"] E["Edit Tool<br><i>(Точкова заміна рядків)</i>"] W["Write Tool<br><i>(Створення / перезапис файлів)</i>"] B["Bash Tool<br><i>(Команди, пакети, збірка)</i>"] end E --> D["Диференційний перегляд (Diff)"] W --> D B --> D D --> U{"Підтвердження користувача"} U -->|Y| S["Збереження на диску"] U -->|N| R["Скасування правки"]

L'outil Edit : modifications chirurgicales ciblées

Edit effectue un remplacement précis de fragments de texte. Il trouve un bloc unique de lignes dans un fichier et le remplace par une version mise à jour, laissant le reste du fichier intact.

diff
// Приклад візуалізації дифу в терміналі Claude Code: async function fetchUser(id: string) { - const response = await fetch(`/api/users/${id}`); - return response.json(); + try { + const response = await fetch(`/api/users/${id}`); + if (!response.ok) { + throw new Error(`Failed to fetch user: ${response.status}`); + } + return await response.json(); + } catch (error) { + console.error('Error fetching user:', error); + throw error; + } }

Vous voyez toujours un diff coloré dans le terminal avant d'accepter l'application de la modification.

L'outil Write : création de nouveaux modules

Write est utilisé pour générer de nouveaux fichiers from scratch ou pour mettre à jour entièrement des fichiers de configuration :

text
Create a new utility module at src/lib/formatters.ts with helpers for currency formatting, relative timestamps, and phone numbers. Include JSDoc comments.

L'outil Bash : opérations système et vérification

Bash permet à l'agent d'interagir avec le système d'exploitation : installer des paquets, exécuter des migrations, compiler le projet et lancer des tests.

text
Install zod and create a registration form schema in src/schemas/auth.ts, then run typecheck to make sure types align.

8. Modifications transversales sur plusieurs fichiers simultanément

Le principal avantage de l'approche agentique complète par rapport aux chats classiques est la capacité d'effectuer des refactorings transversaux cohérents touchant différentes couches de l'architecture.

text
Add a 'phoneNumber' field to the User entity. Update the Prisma schema, generate the migration, update the registration API route, and add the input field to the Profile form component.

Comment Claude assure la cohérence des modifications

  1. Mise à jour du schéma de données : édite schema.prisma via Edit.
  2. Lancement de la migration : appelle npx prisma migrate dev via Bash.
  3. Mise à jour de la validation backend : ajoute une validation de champ dans le schéma Zod de la route src/app/api/user/route.ts.
  4. Mise à jour de l'interface UI : ajoute un champ de saisie dans le fichier src/components/ProfileForm.tsx.
  5. Validation de compilation : lance npm run typecheck pour confirmer l'absence de conflits de types.

Chaque action demande votre confirmation, assurant une transparence totale du processus.


9. Ajustements itératifs et annulation sécurisée des modifications

Développer avec Claude Code est un dialogue interactif. Si une modification générée nécessite un ajustement, inutile de reformuler tout le contexte depuis le début.

Affinage des modifications dans le contexte de la session actuelle

text
# Modification du style de code Cela semble bien, mais veuillez remplacer les instructions if/else par une instruction switch concise. # Ajout de la documentation Parfait, ajoutez maintenant des commentaires JSDoc complets à toutes les fonctions exportées dans ce fichier. # Optimisation des performances Pouvons-nous mémoïser ce calcul avec useMemo pour éviter les recalculs à chaque rendu ?

Mécanismes d'annulation des changements indésirables

Si une modification a été approuvée mais que le résultat ne vous convient pas, il existe deux méthodes fiables pour revenir en arrière :

  1. Via Claude :

    text
    Undo the last changes you made to src/lib/validation.ts and return the file to its previous state.
  2. Via Git directement dans le terminal :

    bash
    # Скасувати зміни в конкретному файлі git checkout -- src/lib/validation.ts # Скасувати всі незафіксовані зміни в проєкті git reset --hard HEAD
Astuce

Faites un commit propre avant de commencer chaque refactoring majeur avec Claude Code. Cela permet de revenir à un état fonctionnel à tout moment avec une simple commande git checkout.


10. Bonnes pratiques d'ingénierie et checklist finale

Le respect de pratiques d'ingénierie éprouvées transforme Claude Code en un partenaire de pair programming ultra-fiable.

Quatre règles pour une interaction productive

  1. Une tâche — une requête : Ne mélangez pas différentes fonctionnalités dans un seul prompt (« Ajoute l'authentification, réécris les styles du header et supprime les anciens tests »). Décomposez le travail en étapes atomiques.
  2. Vérification par compilateur et tests : Après chaque série de modifications, demandez à l'assistant de vérifier le résultat : Run npm test and npm run typecheck to make sure everything compiles cleanly.
  3. Compréhension de la mécanique des outils : Rappelez-vous que les modifications ciblées passent par Edit, les nouveaux fichiers par Write, et les vérifications par Bash. Cela aide à donner des instructions plus précises.
  4. Hygiène du contexte : Si une tâche est terminée et que vous passez à un sujet radicalement différent, utilisez la commande /compact ou redémarrez la session pour purger la mémoire des logs superflus.

Auto-vérification rapide

Astuce

1. Quel outil Claude Code utilise-t-il pour remplacer des fragments de code de manière ciblée sans réécrire tout le fichier ?

Réponse : L'outil Edit. Il trouve un fragment de code unique et effectue le remplacement, en affichant une vue différentielle (diff).

Astuce

2. Pourquoi Claude Code ne charge-t-il pas tous les fichiers du projet en mémoire dès le démarrage ?

Réponse : Pour ne pas dépasser les limites de la fenêtre de contexte et ne pas gaspiller des tokens inutiles. À la place, il utilise une navigation ciblée via Glob, Grep et Read.

Astuce

3. Comment vérifier rapidement les différences de la branche PR actuelle par rapport à main avec Claude Code ?

Réponse : Exécutez dans le terminal la commande git diff main...feature-branch | claude -p "Code review this PR".

Checklist finale pour un travail pratique

  • Utilisez des prompts d'aperçu pour vous familiariser rapidement avec de nouvelles bases de code.
  • Explorez l'architecture via des requêtes de traçage de flux (« Trace the flow from UI to database »).
  • Effectuez une revue de code locale avant chaque Pull Request via claude -p.
  • Examinez attentivement le diff coloré dans le terminal avant de confirner l'appel à Edit.
  • Verrouillez un état stable via git commit avant de commencer des modifications transversales complexes.
  • Terminez toujours une tâche par le lancement des tests et la vérification des types via Bash.
Ce guide est entièrement gratuit. S'il vous a fait gagner une soirée, vous pouvez soutenir la croissance du projet.
Soutenir l'auteur