// Outils du dev

VS Code : les extensions indispensables du développeur

VS Code brut est déjà un bon éditeur. Mais sa vraie force, c’est son marché d’extensions : quelques ajouts bien choisis transforment un éditeur généraliste en environnement taillé pour votre stack. Le piège serait d’en installer trente et de ralentir la machine. Ce guide propose une sélection raisonnée par usage — productivité, langages, Git, IA — et explique comment installer et gérer tout ça proprement.

Installer une extension : les bases

Deux manières de faire :

  • Interface graphique : icône « Extensions » dans la barre latérale (ou Ctrl+Shift+X), on cherche par nom, on clique sur Install.
  • Ligne de commande : plus rapide pour reproduire une configuration.
# Installer une extension par son identifiant
code --install-extension esbenp.prettier-vscode

# Lister les extensions installées
code --list-extensions

# Désinstaller une extension
code --uninstall-extension esbenp.prettier-vscode

Astuce : exportez la liste de vos extensions (code --list-extensions > extensions.txt) pour réinstaller le même environnement sur une nouvelle machine en une commande.

Productivité : gagner du temps au quotidien

Ces extensions ne dépendent d’aucun langage et servent sur presque tous les projets :

  • Prettier : formate automatiquement le code à l’enregistrement. Fini les débats de style dans les revues.
  • EditorConfig : applique des règles de mise en forme partagées par toute l’équipe via un fichier .editorconfig.
  • Path Intellisense : autocomplète les chemins de fichiers quand vous écrivez un import.
  • Code Spell Checker : repère les fautes dans le code et les commentaires, y compris en anglais.
  • Todo Tree : rassemble tous vos // TODO et // FIXME dans une vue dédiée.

Pour activer le formatage automatique de Prettier, ajoutez à vos réglages (settings.json) :

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

Langages : le bon support au bon moment

VS Code gère nativement JavaScript et TypeScript, mais chaque langage a ses extensions de référence :

  • Python (Microsoft) : IntelliSense, débogage, environnements virtuels, intégration des linters. Incontournable pour apprendre Python dans de bonnes conditions.
  • ESLint : détecte les erreurs et applique les règles de qualité en JavaScript/TypeScript, en direct.
  • C/C++ (Microsoft) : IntelliSense et débogage pour les projets bas niveau.
  • Rust Analyzer, Go, Java Extension Pack : chaque écosystème a son pack officiel qui apporte complétion, navigation et débogage.

La règle : n’installez le support d’un langage que lorsque vous travaillez réellement dessus. Un profil VS Code surchargé de langages inutilisés se paie en lenteur.

Git et collaboration

Le contrôle de version est déjà intégré, mais on peut l’enrichir :

  • GitLens : affiche qui a modifié chaque ligne et quand (blame en ligne), explore l’historique et compare les branches sans quitter l’éditeur.
  • Git Graph : visualise l’arbre des commits et des branches de façon lisible.
  • GitHub Pull Requests : gère les pull requests directement depuis l’éditeur.

Ces outils complètent la maîtrise de la ligne de commande — que nous détaillons dans notre mémo des commandes Git essentielles. L’un ne remplace pas l’autre : le terminal pour comprendre, l’interface pour visualiser.

IA : l’assistance au code

Les assistants de code se sont installés dans VS Code sous forme d’extensions :

  • GitHub Copilot : suggestions de code en ligne et chat intégré.
  • D’autres assistants concurrents proposent complétion, explication de code et refactoring guidé.

Leur intérêt dépend fortement de votre usage : très utiles pour le code répétitif et la découverte d’API, à relire toujours attentivement. Pour comparer les options, voyez notre analyse Copilot vs Cursor vs Claude Code.

Confort et lisibilité

Quelques extensions améliorent simplement le quotidien visuel :

  • Material Icon Theme : des icônes de fichiers claires qui accélèrent la navigation.
  • Error Lens : affiche les erreurs et avertissements directement sur la ligne concernée, sans survol.
  • indent-rainbow : colore les niveaux d’indentation, précieux en Python ou en YAML.

Bien gérer ses extensions

Quelques réflexes pour garder un éditeur rapide :

  • Profils : VS Code permet de créer des profils (Python, web, rédaction…) avec chacun son jeu d’extensions. On active le bon selon le projet.
  • Désactiver plutôt que désinstaller : une extension peut être désactivée par espace de travail, sans la supprimer.
  • Auditer régulièrement : passez en revue la liste tous les quelques mois et retirez ce que vous n’utilisez plus.
  • Extensions par espace de travail : recommandez un jeu d’extensions à votre équipe via un fichier .vscode/extensions.json.

Une configuration minimaliste et cohérente battra toujours une accumulation d’extensions installées « au cas où ». Commencez par la productivité et Git, ajoutez le support de votre langage, et n’allez plus loin que si un besoin concret se présente.

À lire ensuite