YOAT Academy
Cabinet Pedetti — Formation
Module 1 · Section 4
Développement Web · 13 leçons · 1 h 27
Section 4 — Développement Web

Intégration VS Code

Capsule 3 min Type manipulation Modalité e-learning Niveau intermédiaire
Objectif opérationnel

À l'issue de cette leçon, le stagiaire utilise Claude depuis VS Code avec aisance, en distinguant les commandes principales de l'extension.

§ 01

Le panneau Claude

L'extension Claude Code ouvre un panneau dédié dans la barre latérale de VS Code (icône Claude). Ce panneau contient la conversation avec l'agent. Il fonctionne comme une session Claude Code : mêmes fonctionnalités, mais intégrées à l'éditeur.

Quand vous demandez à Claude une modification, l'agent peut : ouvrir un fichier dans VS Code, le modifier (les changements sont visibles immédiatement dans l'éditeur), créer un nouveau fichier, ou exécuter une commande dans le terminal intégré.

§ 02

Commandes principales

Démarrer une session. Cliquer sur l'icône Claude dans la barre latérale. La conversation s'ouvre. Si c'est la première fois dans ce projet, Claude lit le CLAUDE.md et signale qu'il est prêt.

Demander une modification. Décrire la demande en langage naturel. Claude propose les modifications, vous les voyez en diff dans l'éditeur, vous validez ou refusez.

Sélection de contexte. Sélectionnez du code dans l'éditeur, puis posez votre question. Claude reçoit la sélection comme contexte. Pratique pour « Explique cette fonction » ou « Refacto cette section ».

Ouvrir une nouvelle session. Bouton New conversation en haut du panneau. Garde l'historique précédent accessible.

§ 03

Raccourcis utiles

Quelques raccourcis bien intégrés à mémoriser :

Cmd/Ctrl + L : ouvrir le panneau Claude et y placer le curseur, prêt à taper.
Cmd/Ctrl + Shift + L : nouvelle conversation Claude.
Cmd/Ctrl + I : inline edit — modifier directement la sélection courante via Claude, sans passer par le panneau de conversation.

Ces raccourcis sont configurables dans les keybindings de VS Code si les valeurs par défaut entrent en conflit avec d'autres extensions.

Exercice — manipulation

Trois actions, trois modes

Sur votre projet : (1) demander une création de fichier via le panneau de conversation, (2) sélectionner une portion de code et demander une explication, (3) utiliser l'inline edit pour reformuler un commentaire. Notez quel mode vous semble le plus naturel pour chaque type de tâche.

Sources officielles consultées

Vous utilisez Claude depuis VS Code avec aisance ?