YOAT Lab
06 · Module 2 — Intégration éditeur et sécurité

Intégration VS Code

Trois raccourcis qui changent tout au quotidien.
Une leçon courte mais à haute densité.

3 minutesPanneau Claude3 raccourcis essentiels
§01 · Le panneau Claude

L'intégration la plus utile

L'extension Claude Code installée en leçon 5 apporte un panneau à droite de l'éditeur. C'est là que vous passerez le plus de temps. Pas dans le terminal, pas dans une fenêtre séparée : ici, à côté de votre code.

Pourquoi c'est important

L'interaction code-Claude doit être sans friction. Quelques millisecondes de gain par opération, multipliées par 100 ou 200 interactions par jour, font une différence majeure sur la fatigue cognitive en fin de journée.

§02 · Trois raccourcis à mémoriser

Les seules commandes vraiment essentielles

Il y a beaucoup de raccourcis dans Claude Code. Trois suffisent pour 95% des usages. Inutile de retenir le reste avant d'être à l'aise avec ceux-ci.

Cmd+L / Ctrl+L

Ouvrir le panneau Claude

Le réflexe de démarrage de session. À utiliser à l'entrée du projet, juste après code . dans le terminal.

Cmd+I / Ctrl+I

Soumettre la sélection

Sélectionnez du code dans l'éditeur, appuyez sur Cmd+I, posez votre question. Claude reçoit le code sélectionné comme contexte ciblé.

Shift+L / Shift+L

Sélection contextuelle

Sélectionnez plusieurs blocs ou fichiers, Shift+L les ajoute tous au contexte de Claude. Pratique pour comparer ou refactorer entre plusieurs zones.

§03 · Démonstration

Une session type en 4 gestes

1.
Ouvrir VS Code sur votre projet. Depuis le terminal : code .. VS Code se charge avec votre projet et le CLAUDE.md est lu en arrière-plan.
2.
Ouvrir le panneau Claude. Cmd+L (Mac) / Ctrl+L (Windows). Le panneau apparaît à droite. Il reste ouvert tout au long de la session.
3.
Sélectionner le code concerné. Cliquer dans le code, sélectionner la fonction ou le bloc. Appuyer sur Cmd+I. Le code est envoyé à Claude comme contexte ciblé.
4.
Poser la demande. Dans le champ Claude qui apparaît : « Cette fonction renvoie parfois undefined, explique-moi pourquoi et propose une correction. » Claude analyse et répond.
§04 · Bonus — autres raccourcis utiles

Pour aller plus loin

Optionnel

Cmd+K / Ctrl+K

Édition inline. Sélectionner une zone et demander à Claude de la modifier directement dans le code, sans passer par le panneau.

Optionnel

Cmd+Shift+L

Ouvrir une nouvelle conversation Claude. Utile quand le contexte de la session courante est devenu trop encombré ou pour aborder un sujet sans rapport.

Optionnel

Shift+Tab

Basculer en mode plan. Claude propose un plan d'action sans toucher aux fichiers. Réflexe à activer dès que la tâche modifie plusieurs fichiers.

Ces trois-là sont utiles mais pas indispensables au début. Mémoriser d'abord les trois principaux (Cmd+L, Cmd+I, Shift+L), ajouter ceux-ci quand vous serez à l'aise.

Fin · Leçon 06 acquise

Cap sur la leçon 07

Vous savez ouvrir Claude dans VS Code, soumettre du code sélectionné, et ajouter du contexte. La leçon suivante aborde la sécurité applicative : .env, secrets, authentification, HTTPS, RGPD.

Exercice — appropriation

Ouvrez votre projet de référence dans VS Code. Pratiquez les trois raccourcis essentiels (Cmd+L pour le panneau, Cmd+I pour la sélection, Shift+L pour le contexte multiple). Posez trois questions à Claude sur votre projet en utilisant ces raccourcis. Notez celui qui vous semble le moins naturel — c'est celui à pratiquer en priorité.

Quiz · Validation des acquis

Quiz · Intégration VS Code

8 questions · une seule bonne réponse par question · vous pouvez recommencer autant de fois que nécessaire.

1 / 8
Question à choix multiple

Quel est le raccourci pour ouvrir le panneau Claude dans VS Code ?

Cliquez sur lecture pour démarrer.
§00 · Intro 0:00 / 3:00 Voix activée