Visual Studio Code (VS Code, pour les intimes !) est un éditeur de code développé par Microsoft. D’après un sondage 2019 de Stack Overflow, Visual Studio Code serait l’éditeur le plus populaire : 50% des développeurs ayant répondu au sondage l’utilisent.
Sa popularité s’explique par plusieurs raisons :
- VS Code est open source et gratuit,
- Il est multi-plateformes (MacOs, Linux et Windows),
- Il supporte une dizaine de langages de programmation (Java, Php, C++, Python, JavaScript…),
- Basé sur Electron, il est très rapide et léger,
- Il est doté d’un système d’auto-complétion et de coloration syntaxique très élaboré (IntelliSense),
- Il est totalement paramétrable et customisable, autant d’un point de vue visuel que fonctionnel.
Aujourd’hui, c’est justement ce dernier point qui nous intéresse : la customisation.
Visual Studio Code permet en effet aux développeurs freelance d’installer en un clic de nombreuses extensions pour personnaliser complètement l’éditeur en fonction de leurs besoins. Découvrez sans plus attendre notre sélection d’extensions VS Code :
1# Settings Sync
Nombre de téléchargements : 6 millions
Si vous êtes amené à travailler sur plusieurs ordinateurs (par exemple, votre ordinateur personnel lorsque vous êtes en télétravail, et l’ordinateur de votre client lorsque vous êtes dans ses locaux), cette extension est faite pour vous.
Elle permet en effet de synchroniser tous les paramètres : thèmes, raccourcis claviers, extensions… sur plusieurs ordinateurs. Vous pourrez ainsi passer facilement d’un lieu de travail à un autre, sans prise de tête ni perte de productivité !
2# EditorConfig For VS Code
Nombre de téléchargements : 7.8 millions
En tant que développeur freelance, vous savez que chaque projet a ses particularités en termes de règles de formatage. Faut-il utiliser des espaces ou des tabulations pour l’indentation ? Faut-il ajouter une ligne vide à la fin de chaque fichier ? …
Autant de petites choses qui garantissent la bonne cohérence au sein d’un projet, mais qui peuvent vite être chronophages s’il faut tout reconfigurer à chaque fois. Grâce à cette extension, fini de perdre du temps. Vos configurations sont versionnées avec le projet, et tout se fait automatiquement. Pratique !
3# nginx.Conf
Nombre de téléchargements : < 200.000
Si, comme moi, vous utilisez Nginx comme serveur web, cette extension va vous plaire. Elle vous permettra de bénéficier d’une coloration syntaxique sur vos fichiers de configuration. Simple et efficace !
4# Docker
Nombre de téléchargements : 32.4 millions
Docker est un outil permettant d’isoler une application et toutes ses dépendances dans un conteneur dédié. Si vous ne connaissez pas encore cette technologie, je vous conseille fortement de vous y pencher ! L’extension VS Code Docker vous permettra de concevoir, gérer et déployer des applications contenarisées facilement.
5# Live Server
Nombre de téléchargements : 10.1 millions
Cette extension permet d’installer un serveur de développeur local avec le rechargement automatique des pages (statiques et dynamiques). Fini de matraquer le Ctrl + R !
Pour information, l’extension intègre un bouton pour activer / désactiver cette fonctionnalité à tout moment.
6# Path Intellisense
Nombre de téléchargements : 6.6 millions
Cette extension est également très pratique, puisqu’elle instaure un système d’auto-complétion des chemins des fichiers.
7# ESLint
Nombre de téléchargements : 52.4 millions
ESLint est un outil qui analyse le code. Il permet de s’assurer du respect des bonnes pratiques, et met en évidence les erreurs de syntaxe. Avec plus de 50 millions de téléchargements, c’est l’une des extensions les plus utilisées sur VS Code !
8# GitLens
Nombre de téléchargements : 39.6 millions
VS Code intègre nativement des fonctions Git. Cette extension permet toutefois de les renforcer. Grâce à GitLens, vous pourrez notamment consulter l’historique d’un fichier avec les diffs, ou encore voir les informations de blâme sur chaque ligne de code.
9# SonarLint
Nombre de téléchargements : < 1 million
SonarLint est une extension très utile, qui permet de vous assurer de la qualité de votre code JavaScript, TypeScript, Php, Python, Java et HTML. Elle souligne les erreurs de syntaxe, et indique directement dans l’éditeur pourquoi il y a une erreur.
10# Dash
Nombre de téléchargements : < 350.000
Avoir de la documentation technique, c’est bien. L’avoir directement dans son éditeur de code, c’est encore mieux ! Cette extension permet d’intégrer Dash, Zeal et Velocity (selon votre OS), directement dans VS Code.
11# TODO tree
Nombre de téléchargements : 5.5 millions
Vous aussi, ça vous arrive de mettre des « TODO » ou des « FIXME » dans votre code ? Grâce à cette extension, vous serez sûr de ne plus en rater une seule ! Elle va en effet lister tous les tags de ce type qu’elle va rencontrer dans votre projet.
12# GitHub Copilot
GitHub Copilot est une extension VS Code qui permet de faire du pair programming avec… une IA ! L’extension intelligente va vous suggérer des auto-complétions et même des fonctions entières pendant que vous codez.
Bonus : vous utilisiez Atom ?
Si, comme moi, vous utilisiez Atom et avez du mal à vous faire à VS Code, voici deux extensions qui pourront vous être utiles :
- Atom one dark theme : pour retrouver le même thème sombre que dans Atom (customisable),
- Atom keymap : pour retrouver tous vos raccourcis clavier.
Et vous, vous utilisez quoi comme extensions sur VS Code ?
