Les meilleures extensions VS Code à installer absolument

Avoir trente extensions installées est un problème, pas une configuration. Chacune ralentit le démarrage, consomme de la mémoire et peut entrer en conflit avec les autres. Les indispensables se comptent sur les doigts d’une main, et beaucoup de choses qui nécessitaient une extension il y a quelques années sont désormais intégrées nativement dans Visual Studio Code.

Avant d’ajouter quoi que ce soit, regardez ce que l’éditeur fait déjà : formatage à l’enregistrement, renommage des symboles dans tout le projet, Git, terminal, recherche et remplacement par expressions régulières, plusieurs curseurs simultanés, aperçu Markdown, synchronisation des paramètres, débogage JavaScript dans le navigateur et coloration des parenthèses. Pour ces trois derniers points, il fallait encore il y a quelques années installer Settings Sync, Debugger for Chrome et Bracket Pair Colorizer : si vous les avez encore, vous pouvez les supprimer.

Les extensions s’installent depuis le panneau Extensions (Ctrl + Maj + X) : recherchez le nom, cliquez sur Installer et elles fonctionnent généralement immédiatement. La plupart sont gratuites. Voici l’essentiel, classé par fonction.

Qualité du code #

Prettier formate le code selon des règles communes : fini les débats sur les guillemets, les points-virgules ou l’indentation. Vous le configurez une fois pour toutes par projet avec un fichier .prettierrc et activez Format On Save dans les paramètres.

ESLint est le contrôleur : il signale les erreurs réelles et les pratiques risquées pendant que vous écrivez, pas seulement quand le programme plante. Il doit aussi être installé comme package dans votre projet ; l’extension seule ne suffit pas.

EditorConfig impose les mêmes règles de base (type d’indentation, fin de ligne, encodage) à tous les éditeurs, ce qui est indispensable quand un membre de l’équipe utilise un autre programme.

Avec ces trois-là, la majeure partie des différences de style qui polluent les revues de code disparaît.

Intelligence artificielle #

GitHub Copilot est désormais intégré à VS Code : il complète vos lignes pendant que vous écrivez, répond dans le chat latéral et peut même modifier plusieurs fichiers pour vous en mode agent. Depuis 2024, il existe un forfait gratuit avec un nombre limité de complétions et de messages par mois, et en 2025, Microsoft a rendu la partie chat intégrée à l’éditeur open source.

Si vous préférez un autre modèle, il existe les extensions Gemini Code Assist, Claude Code, Codex ainsi que des alternatives open source comme Continue, qui se connectent également à des modèles installés localement sur votre ordinateur. Tabnine, mentionné dans les anciennes listes, existe toujours mais a perdu du terrain.

Deux précautions. Le code que vous envoyez à l’assistant finit sur les serveurs du fournisseur ; pour vos projets professionnels, vérifiez ce que votre entreprise autorise. Et relisez bien ce qu’il écrit : il peut se tromper avec une assurance déconcertante.

Git et collaboration #

GitLens vous montre qui a écrit chaque ligne et quand, directement à côté du code, et rend l’historique lisible sans quitter l’éditeur. Pour travailler sur du code écrit par d’autres, c’est l’une des extensions les plus utiles au monde. Certaines fonctionnalités, comme le Commit Graph pour les dépôts privés, sont réservées à la version Pro.

Git Graph est l’alternative gratuite si vous avez seulement besoin de visualiser le graphique des branches et des commits, tout comme le faisait l’ancien Git History.

Live Share permet de modifier le même fichier à deux, chacun sur son propre ordinateur, en partageant également le terminal et le serveur local. Pour aider quelqu’un à distance, c’est bien plus efficace qu’un simple partage d’écran.

Commit Graph de GitLens dans Visual Studio Code avec l’historique des commits et des branches — Le Commit Graph de GitLens affiche les branches et les commits du projet d’un seul coup d’œil

Développement web #

Live Server lance un petit serveur local qui actualise le navigateur à chaque sauvegarde. Pour un site statique ou un exercice HTML/CSS, c’est la méthode la plus rapide.

Auto Rename Tag renomme automatiquement la balise de fermeture lorsque vous modifiez la balise d’ouverture : c’est une petite fonction, mais elle évite énormément de corrections manuelles.

Les extensions de votre framework (React, Vue, Svelte, Astro) apportent l’autocomplétion et le diagnostic spécifiques. N’installez que celle du framework que vous utilisez : les autres ne font qu’alourdir l’éditeur. Pour React, ES7+ React/Redux/React-Native Snippets permet de créer un composant avec seulement quelques lettres, par exemple rafce.

CSS Peek ouvre la règle CSS d’une classe directement depuis le HTML, et l’éditeur affiche déjà la couleur des codes hexadécimaux à côté de la valeur.

Thunder Client ou une extension similaire vous permet de tester vos appels API directement depuis l’éditeur, sans ouvrir de logiciel externe.

Langages et environnements #

Ici, la règle est d’installer uniquement ce que vous utilisez :

Domaine	Extension de référence
Python	L’extension officielle Python avec Pylance
C et C++	L’extension C/C++ de Microsoft ou clangd
Docker et conteneurs	Container Tools (l’extension anciennement appelée Docker)
Travail sur serveurs distants	Remote - SSH, pour travailler comme si les fichiers étaient locaux
Bases de données	Une extension client pour la base de données que vous utilisez
Markdown	Markdown All in One, pour les raccourcis, le sommaire et l’aperçu
Fichiers CSV	Rainbow CSV, qui colore les colonnes

Remote - SSH mérite un paragraphe supplémentaire : elle ouvre un dossier sur une machine distante et vous permet d’utiliser toutes les fonctions de l’éditeur, terminal inclus, comme si le code était sur votre propre ordinateur. Si vous développez sur des serveurs, cela change la vie. Avec WSL, vous pouvez faire la même chose avec Linux sous Windows.

Visual Studio Code avec le panneau de l’extension Remote - SSH et la connexion à un serveur distant — Avec Remote - SSH, l’éditeur travaille sur les fichiers du serveur comme s’ils étaient en local

Pour tester rapidement un script dans n’importe quel langage, il y a Code Runner, qui le lance d’un simple clic. Pratique pour des exercices ; pour un vrai projet, utilisez le terminal ou le débogueur.

Confort au quotidien #

Code Spell Checker signale les fautes de frappe dans les commentaires, les chaînes de caractères et les noms de variables. Avec le dictionnaire français, vous pouvez l’utiliser aussi pour vos textes.

Error Lens affiche le message d’erreur directement à côté de la ligne plutôt que dans le panneau en bas : vous le lisez là où vous regardez déjà.

Path Intellisense complète les chemins de fichiers pendant que vous les écrivez et réduit les erreurs dans les liens relatifs.

Todo Tree regroupe dans un panneau tous les commentaires TODO et FIXME du projet, Bookmarks place des signets sur les lignes que vous consultez souvent, Peacock colore la fenêtre différemment pour chaque projet, ce qui est très utile lorsque vous en avez trois ouverts simultanément.

Les thèmes et les icônes (comme vscode-icons ou Material Icon Theme) sont une question de goût et ne changent pas le fonctionnement : choisissez-en un et arrêtez vos recherches.

Utilisez les profils. Avec les profils de VS Code, vous disposez de différents groupes d’extensions selon vos contextes : par exemple, un pour le web, un pour Python et un profil minimaliste pour l’écriture ; vous passez de l’un à l’autre sans rien désinstaller. Ainsi, l’éditeur reste léger sans que vous n’ayez à faire de compromis.

Les extensions qui ralentissent l’éditeur #

Si VS Code met plusieurs secondes à s’ouvrir, la faute revient généralement à une extension.

La commande Developer: Show Running Extensions, depuis la palette de commandes (Ctrl + Maj + P), liste les extensions actives avec le temps d’activation de chacune : vous trouverez la responsable en quelques secondes.

Help: Start Extension Bisect est encore plus rapide : elle désactive la moitié des extensions une par une jusqu’à trouver celle qui cause le problème.

Liste Running Extensions de VS Code avec le temps d’activation de chaque extension — La liste trie les extensions par temps d’activation : la coupable est en haut de liste

Attention aux copies. Sur le Marketplace, il existe des extensions dont le nom est presque identique à celui d’extensions célèbres, parfois avec du code malveillant qui lit vos fichiers ou vole vos identifiants : cela s’est produit plusieurs fois, même en 2025. Avant d’installer quoi que ce soit, vérifiez que l’éditeur possède la coche de vérification, regardez le nombre d’installations et ouvrez le lien vers le dépôt du projet.

Combien en faut-il #

Pour un développeur web, une configuration cohérente repose sur huit extensions : Prettier, ESLint, EditorConfig, GitLens, Live Server, l’extension de votre framework, Error Lens et Code Spell Checker. Ajoutez Remote - SSH si vous travaillez sur des serveurs, un assistant d’intelligence artificielle si nécessaire, ainsi que l’extension du langage que vous utilisez en dehors du web.

Pour le reste, évaluez le besoin face à un problème concret, pas avant. L’extension installée « au cas où elle pourrait servir » est celle qui, dans six mois, ralentira le démarrage sans que personne ne se souvienne de sa présence.

Foire aux questions #

Les extensions ralentissent Visual Studio Code ? #

Oui, et cela se mesure : chacune ajoute du temps au démarrage et consomme de la mémoire. La différence entre dix extensions et quarante se fait surtout sentir lors de l’ouverture de gros projets. Grâce aux outils de diagnostic intégrés, vous pouvez voir le coût de chacune d’elles.

Les extensions sont-elles gratuites ? #

Presque toutes, oui, et beaucoup sont open source. Certaines proposent des fonctionnalités payantes (GitLens Pro, Thunder Client pour les équipes) et les assistants d’intelligence artificielle disposent de versions gratuites avec certaines limites ainsi que d’abonnements pour un usage intensif.

Puis-je synchroniser mes extensions entre plusieurs ordinateurs ? #

Oui, la synchronisation est intégrée : activez-la via l’icône du compte en bas à gauche pour aligner vos extensions, paramètres, raccourcis clavier et thèmes sur tous les appareils connectés au même compte GitHub ou Microsoft.

Prettier et ESLint font-ils la même chose ? #

Non, et elles s’utilisent ensemble. Prettier s’occupe de la mise en forme (espaces, retours à la ligne, guillemets) et n’est que d’ordre esthétique. ESLint vérifie le fond : variables inutilisées, comparaisons risquées, erreurs logiques récurrentes. Avec une bonne configuration eslint-config-prettier, les deux ne se contredisent pas.

Faut-il une extension pour travailler avec Git ? #

Non, l’éditeur gère déjà les opérations quotidiennes. GitLens ajoute du contexte (qui a écrit quoi, quand et pourquoi), ce qui devient précieux sur des projets ayant un historique important ou impliquant de nombreuses personnes.

Comment savoir si une extension est sûre ? #

Vérifiez que l’éditeur est certifié, regardez le nombre d’installations et les avis, et ouvrez le dépôt pour voir si le projet est actif. Méfiez-vous des extensions aux noms presque identiques à celles qui sont célèbres et de celles publiées récemment sans historique.