Claude Code · App Desktop

Utiliser Claude Code dans l’app Desktop

Édite tes fichiers en local, avec relecture ligne par ligne avant chaque modification — sans terminal, sans installer Node.js.

⏱ 25 min 🎯 Niveau : Découverte → Maîtrise 🛠 Outil : Claude Desktop, onglet Code

🎯 Objectif

À la fin de ce tuto, tu sauras ouvrir un projet local dans l’app Desktop, donner une tâche à Claude, valider ou refuser ses modifications fichier par fichier, et utiliser le mode Plan avant une refonte importante.

⚠️ Avant de commencer

  • L’app Claude Desktop installée (Mac, Windows ou Linux bêta).
  • Un abonnement Pro, Max, Team ou Enterprise — l’onglet Code n’est pas accessible en gratuit.
  • Sur Windows, Git doit être installé pour que les sessions locales fonctionnent (la plupart des Mac l’ont déjà).
  • Claude Code est intégré à l’app : pas besoin d’installer Node.js ni la CLI séparément.

Les 3 façons de lancer une session

ModeComment ça marchePour toi
LocalClaude travaille directement sur les fichiers de ton PCLe plus adapté pour tes plugins WordPress en local
RemoteLa session tourne sur le cloud d’Anthropic, continue même app ferméeUtile pour une tâche longue, ou en déplacement
SSHConnexion à un serveur distant (le tien, ex. ton hébergement LWS)Pour intervenir directement sur un site en prod
1
Étape 1

Ouvrir l’onglet Code et choisir un dossier

Découverte

Dans l’app Desktop, clique sur l’onglet Code en haut au centre. Choisis Local, puis Select folder et sélectionne le dossier d’un de tes plugins (par exemple le quiz Publisher). Commence avec un petit projet que tu connais bien — c’est le plus rapide pour voir ce que Claude sait faire.

Ce que tu dois observer : si le clic sur Code te propose de passer à un plan payant, ou de te reconnecter en ligne, fais-le puis redémarre l’app.
2
Étape 2

Donner une première tâche

Découverte

Écris simplement ce que tu veux dans la zone de prompt. Utilise @nom-du-fichier pour pointer un fichier précis plutôt que de laisser Claude chercher, et glisse-dépose une image ou un PDF si ça aide à expliquer le besoin.

@quiz-publisher.php Ajoute une vérification pour empêcher l’envoi du formulaire si aucune réponse n’a été cochée.
3
Étape 3

Relire le diff, Accepter ou Refuser

Application

Par défaut, l’app est en mode Ask permissions : Claude propose ses changements et attend ta validation. Pour chaque fichier modifié, tu vois une vue diff (lignes ajoutées/supprimées) avec des boutons Accept / Reject. Rien n’est écrit sur le disque tant que tu n’as pas validé. Si tu refuses, Claude te demande comment tu veux procéder autrement.

Ce que tu dois observer : la mise à jour se fait en temps réel pendant que Claude travaille — tu peux suivre chaque étape sans attendre la fin.
4
Étape 4

Interrompre et rediriger

Application

Tu peux reprendre la main à tout moment : clique le bouton stop pour interrompre immédiatement, ou tape une correction et appuie sur Entrée pour l’envoyer sans même arrêter l’action en cours.

5
Étape 5

Mode Plan avant une grosse refonte

Maîtrise

Avant une modification importante (ex. refondre l’architecture d’un de tes plugins de quiz), active le mode Plan : Claude explore et propose une stratégie complète sans toucher à aucun fichier. Tu relis le plan dans un panneau dédié, tu ajustes si besoin, puis tu lances l’exécution.

Analyse l’architecture du plugin quiz-illustrator et propose un plan pour factoriser le code commun avec quiz-indesign, sans encore rien modifier.
6
Étape 6

Terminal intégré et Preview

Maîtrise

Ouvre un terminal directement dans l’app (Ctrl+`) pour lancer une commande en parallèle de la session. Utilise Preview pour lancer un serveur de dev et voir le rendu de tes pages directement dans l’app — Claude peut alors observer l’app qui tourne, tester des endpoints et itérer sur ce qu’il voit.

🛠 Atelier A3I — Ta première session locale

À faire sur un dossier réel, en local, sur ton PC.

1. Découverte — Ouvre l’un de tes plugins de quiz dans l’onglet Code en mode Local, et demande à Claude un résumé de son fonctionnement.
2. Application — Demande une petite correction (ex. un message d’erreur plus clair sur un champ obligatoire) et valide le diff fichier par fichier avant d’accepter.
3. Maîtrise — Utilise le mode Plan pour préparer une évolution plus large (ex. ajouter l’export CSV des résultats), relis le plan, ajuste, puis lance l’exécution et vérifie le rendu via Preview.

✅ Auto-évaluation — J’ai réussi si…