Le code Visual Studio de Microsoft est l'un des meilleurs éditeurs de texte gratuits actuellement disponibles. Il combine un ensemble complet de fonctionnalités avec une relative facilité d'utilisation, et les performances sont étonnamment bonnes pour une application Electron. L'une des raisons pour lesquelles les gens l'adorent, au-delà des raisons mises à part, est son extensibilité.
Comme de nombreux autres éditeurs de texte populaires, Visual Studio Code dispose d'un grand nombre d'extensions disponibles pour personnaliser son comportement. Celles-ci peuvent modifier considérablement le fonctionnement et la convivialité de Visual Studio Code, comme l'ajout de raccourcis clavier de style Vim ou Emacs. Avec cette liste, nous avons compilé quelques-uns de nos favoris.
Au cas où vous ne seriez pas familier, il est facile d'installer des extensions dans Visual Studio Code. Cliquez sur Extensions icône sur le côté gauche de l'écran. C'est la cinquième icône vers le bas, juste en dessous de l'icône de débogage.
Tapez maintenant simplement le nom ou une partie du nom de l'extension que vous souhaitez installer. Cliquez sur le nom pour lire l'aperçu de l'extension, puis cliquez sur Installer icône pour l'installer.
Développé par Microsoft DevLabs, Visual Studio IntelliCode est une extension qui fait appel à l'intelligence artificielle pour vous aider à coder. L'extension prend actuellement en charge Python, JavaScript/TypeScript et Java.
Si vous avez déjà utilisé Intellisense dans Visual Studio ou Visual Studio Code, vous saurez à quoi vous attendre. La différence ici est qu'il s'agit essentiellement d'une approche encore plus intelligente de cette idée.
Cette extension en est encore aux premiers stades de développement et est déjà impressionnante. Une fois qu'il a eu un peu plus de temps dans le développement, vous pouvez même voir cela intégré directement dans Visual Studio Code.
La plupart des personnes qui utilisent un éditeur de texte apportent régulièrement au moins quelques modifications à ses paramètres. Beaucoup de gens vont encore plus loin en le personnalisant pour l'adapter à leur style de travail personnel. Si vous travaillez fréquemment sur plusieurs machines, il peut être frustrant d'effectuer constamment ces réglages à la main.
Settings Sync vise à résoudre ce problème. En utilisant un simple GitHub Gist, Settings Sync, eh bien, synchronise vos paramètres. Cela inclut d'autres extensions et leurs configurations, de sorte que toute votre configuration finit par être portable. Apportez quelques modifications sur une machine, synchronisez vos paramètres et vous pourrez facilement les synchroniser sur d'autres machines.
La configuration de la synchronisation des paramètres prend quelques minutes, puis vous n'avez plus à y penser. Les instructions de configuration sont disponibles via la vue d'ensemble de l'extension dans Visual Studio Code.
Si vous utilisez Visual Studio Code pour modifier des fichiers de configuration personnels ou système, Path Intellisense peut vous sauver la vie. En un mot, l'extension ajoute une complétion de style Intellisense aux noms de fichiers, vous permettant de saisir facilement des noms de chemin longs sans avoir à les enregistrer en mémoire.
C'est une extension relativement simple, mais elle a quelques options de configuration. Vous pouvez choisir d'ajouter ou non une barre oblique après les noms de répertoire, par exemple. D'autres options incluent l'inclusion ou non des noms de fichiers dans les instructions d'importation et la possibilité d'ignorer certains types de fichiers.
L'extension Task Explorer ajoute des fonctions d'exécution de tâche de style IDE à Visual Studio Code. Cela inclut principalement les tâches de construction pour votre projet actuel, mais peut également inclure bash, Python et d'autres scripts.
L'Explorateur de tâches prend en charge un bon nombre d'outils de construction standard. Ceux-ci incluent NPM, Grunt, Gulp, Ant, Make et Visual Studio Code lui-même. L'extension est personnalisable, vous permettant de personnaliser le chemin d'accès à chaque exécuteur de tâches et langage de script. Ceci est pratique si plusieurs versions sont installées et que vous souhaitez utiliser une version spécifique.
Visual Studio Code propose une intégration Git prête à l'emploi, comme nous l'avons déjà mentionné, vous n'avez donc peut-être pas absolument besoin de cette extension. Cela dit, GitLens ajoute plusieurs fonctionnalités qui vous aident à visualiser, naviguer et comprendre l'historique Git de votre projet.
Entre autres fonctionnalités, GitLens ajoute une puissante vue de différenciation fractionnée qui vous aide à visualiser facilement la différence entre les commits et les branches. L'extension vous permet également d'effectuer une recherche dans l'historique des commits de projets, en recherchant par auteur, fichiers, message de commit, etc.
Les autres fonctionnalités incluent une carte thermique dans la gouttière Visual Studio Code qui vous permet de voir facilement où se déroule la plupart des travaux dans un fichier donné. L'essentiel est que si vous comptez beaucoup sur Git, vous devriez au moins essayer ce plugin.
Si vous êtes un développeur front-end, et surtout si vous devez suivre un guide de style, Prettier peut être votre nouveau meilleur ami. L'extension Prettier formate automatiquement JavaScript, TypeScript et CSS à l'aide de l'outil de formatage de code du même nom.
Prettier prend le code que vous écrivez et le réécrit pour vous, en suivant un ensemble strict de directives de formatage. L'extension est "opiniâtre", ce qui signifie qu'elle prend plusieurs décisions par elle-même, mais vous pouvez utiliser l'extension avec les outils eslint ou tslint pour vous assurer qu'elle suit votre propre configuration de lint.
Bracket Pair Colorizer est un plugin bien décrit par son nom. Il colorie automatiquement certains caractères pour vous aider à dire à quel point un certain morceau de code est imbriqué. Plusieurs langues sont prises en charge par défaut, si nombreuses qu'il est presque certain que la langue de votre choix est prise en charge.
Par défaut,
() ,
[] , et
{} sont mis en correspondance, mais vous pouvez également définir d'autres caractères entre parenthèses que vous souhaitez mettre en correspondance. Ces types de plugins ont tendance à être très polarisants, mais si vous ne savez pas si vous l'aimez ou non, essayez Bracket Pair Colorizer.
Vous êtes-vous déjà demandé combien d'heures par semaine vous passez dans votre éditeur de texte ? Qu'en est-il du meilleur moment de la journée ou du jour de la semaine pour une programmation optimale ? Si vous vous êtes déjà posé des questions sur ces indicateurs ou sur d'autres, Code Time est fait pour vous.
Code Time mesure votre activité dans Visual Studio Code et vous signale les activités ci-dessus, ainsi que d'autres métriques. Vous verrez des métriques en temps réel dans la barre d'état, et il y a un tableau de bord dans l'éditeur pour une meilleure vue.
Vous pouvez configurer Code Time pour qu'il vous envoie un rapport hebdomadaire par e-mail, tandis que l'intégration de Google Agenda vous permet de réserver automatiquement du temps pour vos meilleurs moments de programmation, de peur qu'ils ne soient gâchés par des réunions.
Que vous soyez un développeur Web frontal ou quelqu'un qui passe la plupart de son temps sur le serveur, vous avez probablement rencontré des cas où vous devez tester une API REST. Il existe des plugins de navigateur pour cela et de nombreux autres outils, mais si vous passez la plupart de votre temps dans un éditeur de texte, pourquoi ne pas avoir le client disponible là où vous êtes le plus à l'aise ?
Il s'agit d'une extension relativement simple qui fait ce qu'elle prétend faire. Vous pouvez facilement envoyer des requêtes HTTP ainsi que des commandes cURL. Pour l'authentification, l'extension prend en charge l'authentification de base, l'authentification Digest, les certificats client SSL, etc.
Ces extensions ne sont qu'un début, surtout si vous débutez avec Visual Studio Code. Tout d'abord, il existe de nombreuses autres extensions disponibles. Dans la plupart des cas, nous avons spécifiquement évité les extensions spécifiques à une langue, mais beaucoup d'entre elles sont disponibles. Que vous codiez en JavaScript, C++, Go ou un autre langage, vous trouverez des extensions qui peuvent vous faciliter la tâche.
Il existe également de nombreuses autres façons d'en faire plus plus rapidement dans Visual Studio Code. Pour vous aider à démarrer, nous avons une liste de conseils essentiels pour vous rendre plus productif dans Visual Studio Code.