Module 1.1 · Microressource 3

Extensions utiles et pourquoi les installer

Outil 15 min
Objectif pédagogique

Installer les extensions clés et comprendre leur utilité.

VS Code est installé, mais nu. Nous allons voir ce qu'est une extension, comment on en installe une, puis appliquer la procédure à celle qui compte pour cette formation : l'extension Claude Code.

1. Une extension, qu'est-ce que c'est au juste ?

Une extension est un petit programme qui ajoute une capacité à VS Code. L'éditeur seul sait afficher du texte et le colorer ; il ne sait pas, par exemple, rafraîchir votre navigateur automatiquement, ni comprendre le PHP. Chaque extension comble un manque précis.

Elles se téléchargent depuis le Marketplace, la bibliothèque officielle intégrée à l'éditeur : inutile d'aller chercher quoi que ce soit sur le web. La quasi-totalité sont gratuites, et l'immense majorité sont écrites par la communauté plutôt que par Microsoft.

C'est aussi ce qui explique le conseil de la section 4 : il en existe des dizaines de milliers, de qualité très variable, et en installer trop finit par ralentir l'éditeur.

2. Installer une extension : la procédure

La procédure est identique pour toutes. Elle prend une quinzaine de secondes.

  1. Ouvrir le panneau des extensions

    Cliquez sur l'icône des quatre carrés dans la barre d'activité, à gauche (ou Ctrl+Maj+X).

  2. Chercher l'extension par son nom

    Tapez son nom dans le champ de recherche. Les résultats s'affichent avec leur nombre de téléchargements et leur note.

  3. Vérifier que c'est la bonne

    Contrôlez le nom de l'éditeur et le nombre de téléchargements. Des copies portent des noms presque identiques aux extensions populaires : celle que vous voulez affiche en général plusieurs millions d'installations.

  4. Cliquer sur « Installer »

    C'est tout. Certaines extensions demandent de recharger l'éditeur ; un bouton vous le proposera.

3. L'extension Claude Code

Appliquons la procédure à l'extension qui nous intéresse. Elle ajoute à VS Code un panneau de discussion : vous décrivez ce que vous voulez en français, et l'assistant répond, propose des modifications de vos fichiers, et attend votre accord avant d'écrire quoi que ce soit.

  • Claude Code Anthropic Indispensable

    Ce que ça change : l'assistant travaille dans votre éditeur, sur vos vrais fichiers. Quand il propose une modification, elle s'affiche en comparaison avant/après — l'ancien à gauche, le nouveau à droite — et vous acceptez ou refusez. Vous pouvez aussi lui désigner un fichier ou une sélection précise plutôt que de lui coller du texte.

Deux prérequis avant d'installer VS Code 1.98 ou plus récent (si vous venez de l'installer à la microressource 2, c'est largement le cas), et surtout un compte Claude payant — Pro, Max, Team, Enterprise ou un compte Console. Le forfait gratuit de claude.ai ne donne pas accès à Claude Code : l'extension s'installera, mais vous resterez bloqué à l'écran de connexion. En revanche, aucune clé API n'est nécessaire.

L'installer

  1. Ouvrir le panneau des extensions

    Ctrl+Maj+X, ou l'icône des quatre carrés dans la barre d'activité — exactement la procédure de la section 2.

  2. Chercher « Claude Code »

    Tapez le nom dans le champ de recherche.

  3. Vérifier l'éditeur : Anthropic

    C'est le contrôle de l'étape 3 de la section 2, et il compte ici : des extensions aux noms voisins existent. Celle que vous voulez est publiée par Anthropic.

  4. Cliquer sur « Installer »

    Si rien n'apparaît ensuite, rechargez la fenêtre : palette de commandes (Ctrl+Maj+P) puis Developer: Reload Window.

  5. Se connecter

    Au premier lancement, un écran de connexion s'affiche. Cliquez sur Sign in et autorisez l'accès dans le navigateur qui s'ouvre. Cette étape n'est à faire qu'une fois.

Où le trouver ensuite

L'extension se repère à son icône en forme d'étincelle. Elle est accessible depuis trois endroits, qui correspondent aux zones repérées à la microressource 2 :

  • La barre d'activité, à gauche

    L'icône y est toujours visible. C'est le point d'entrée le plus fiable.

  • La barre d'outils de l'éditeur, en haut à droite

    Le chemin le plus rapide — mais l'icône n'apparaît que lorsqu'un fichier est ouvert. C'est la raison la plus fréquente d'un « je ne vois pas l'icône ».

  • La barre d'état, en bas à droite

    Le bouton ✱ Claude Code fonctionne même sans fichier ouvert.

4. Ne pas surcharger son éditeur

La tentation, en découvrant le Marketplace, est d'installer tout ce qui paraît utile. Trois raisons de résister.

La lenteur. Chaque extension se charge au démarrage et consomme de la mémoire. Une trentaine d'extensions suffit à rendre VS Code visiblement poussif.

Les conflits. Deux extensions qui font la même chose — deux formateurs, typiquement — se disputent le fichier et produisent des résultats incohérents, difficiles à diagnostiquer.

La confiance. Une extension est du code exécuté sur votre machine, avec accès à vos fichiers. Le Marketplace n'est pas un jardin clos : on y trouve des copies malveillantes d'extensions connues. D'où la vérification de l'éditeur et du nombre de téléchargements, à l'étape 3.

La règle est simple : installez une extension quand un besoin réel se présente, pas parce qu'un article la recommande. Pour l'instant, celle de Claude Code suffit ; les modules suivants vous en feront ajouter d'autres au moment précis où elles deviendront utiles.

Ce qu'il faut avoir compris
  • Une extension ajoute une capacité précise à VS Code, depuis le Marketplace intégré.
  • Avant d'installer : vérifiez le nom de l'éditeur et le nombre de téléchargements.
  • L'extension Claude Code est publiée par Anthropic — méfiez-vous des homonymes.
  • Elle exige VS Code 1.98+ et un compte Claude payant ; aucune clé API n'est nécessaire.
  • Moins d'extensions = éditeur plus rapide, moins de conflits, moins de risques.
Et maintenant

L'assistant est en place dans l'éditeur. Il reste à s'en servir : votre première vraie conversation avec lui, et un point net sur ce qu'on peut lui confier.

Microressource 4 — Installer et connecter Claude Code →