9 Des extensions de code Visual Studio qui facilitent encore la programmation

Added 2019-04-26

Le code Visual Studio de Microsoft est l’un des meilleurs éditeurs de texte libre disponible à ce jour. Il combine un ensemble complet de fonctionnalités avec une relative facilité d'utilisation. Les performances sont étonnamment bonnes pour une application Electron. L’une des raisons pour lesquelles les gens l’aiment, c’est l’extensibilité.

Comme beaucoup d'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 le fonctionnement de Visual Studio Code, par exemple en ajoutant des raccourcis clavier de style Vim ou Emacs. Avec cette liste, nous avons compilé quelques-uns de nos favoris.

Comment installer les extensions de code Visual Studio

Si vous n’êtes pas familier, il est facile d’installer des extensions dans Visual Studio Code. Clique le Les extensions  icône sur le côté gauche de l'écran. C’est la cinquième icône en bas, juste en dessous de l’icône Debug.

Maintenant, tapez simplement le nom ou une partie du nom de l'extension que vous souhaitez installer. Cliquez sur le nom pour lire la vue d'ensemble de l'extension, puis cliquez sur le bouton Installer  icône pour l'installer.

1. Visual Studio IntelliCode

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 dans Visual Code, vous aurez une idée de ce à 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 est encore à ses débuts et est déjà impressionnante. Une fois que le développement aura pris un peu plus de temps, vous pourrez même le voir directement dans le code de Visual Studio.

2. Paramètres Sync

La plupart des personnes qui utilisent régulièrement un éditeur de texte font au moins quelques ajustements à leurs paramètres. Beaucoup de gens vont encore plus loin, en l'adaptant à leur style de travail personnel. Si vous travaillez fréquemment sur plusieurs machines, il peut être frustrant de faire ces réglages à la main en permanence.

Paramètres Sync  vise à résoudre ce problème. En utilisant un simple GistHub, Gist, Settings Sync synchronise vos paramètres. Cela inclut d'autres extensions et leurs configurations, de sorte que toute votre configuration finit par être portable. Effectuez des modifications sur un ordinateur, synchronisez vos paramètres et vous pouvez facilement les synchroniser sur d'autres ordinateurs.

Il faut quelques minutes pour configurer les paramètres, puis vous n’êtes plus obligé d’y repenser. Les instructions pour le configurer sont disponibles via la vue d'ensemble des extensions dans Visual Studio Code.

3. Path Intellisense

Si vous utilisez Visual Studio Code pour éditer des fichiers de configuration personnels ou système, Chemin Intellisense  peut être une bouée de sauvetage. En résumé, l'extension ajoute une complétion de style Intellisense aux noms de fichiers, vous permettant ainsi de saisir facilement des noms de chemin longs sans avoir à les enregistrer dans la mémoire.

Ceci est une extension relativement simple, mais il a quelques options de configuration. Vous pouvez, par exemple, ajouter ou non une barre oblique après les noms de répertoire. D'autres options incluent s'il faut ou non inclure les noms de fichiers dans les instructions d'importation et la possibilité d'ignorer certains types de fichiers.

4. Explorateur de tâches

le Explorateur de tâches  extension ajoute les tâches exécutant les tâches de style IDE au code Visual Studio. Cela inclut principalement les tâches de construction de votre projet actuel, mais peut également inclure des scripts bash, Python et autres.

Task Explorer prend en charge un grand nombre d'outils de construction standard. Il s'agit notamment du code NPM, Grunt, Gulp, Ant, Make et Visual Studio. L'extension est personnalisable, vous permettant de personnaliser le chemin d'accès à chaque coureur de tâches et à chaque langage de script. Ceci est pratique si vous avez plusieurs versions installées et souhaitez utiliser une version spécifique.

5. GitLens

Parmi les autres fonctionnalités, GitLens ajoute un puissant affichage fractionné qui vous permet de visualiser facilement la différence entre les validations et les branches. L'extension vous permet également de parcourir l'historique des projets, les recherches par auteur, les fichiers, les messages de validation, 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 le plus de travail dans un fichier donné. En fin de compte, si vous comptez beaucoup sur Git, vous devriez au moins essayer ce plugin.

6. plus jolie

Si vous êtes un développeur front-end, et particulièrement si vous devez suivre un guide de style, Plus jolie  peut être ton 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 «opinionée», ce qui signifie qu'elle prend plusieurs décisions en soi, mais vous pouvez utiliser l'extension avec les outils eslint ou tslint pour vous assurer qu'elle suit votre propre configuration de linting.

7. coloriseur paire de support

Paire De Support Coloriseur  est un plugin bien décrit par son nom. Il colorise automatiquement certains caractères pour vous aider à dire à quel point un code est imbriqué. Plusieurs langues sont prises en charge prêtes à l'emploi, si nombreuses qu'il est presque certain que la langue de votre choix est prise en charge.

Par défaut, () , [] , et {}  correspondent, mais vous pouvez également définir d’autres crochets que vous souhaiteriez faire correspondre. Ces types de plugins ont tendance à être très polarisants, mais si vous n’êtes pas sûr que vous le vouliez ou non, essayez Bracket Pair Colorizer.

8. Code Time

Vous êtes-vous déjà demandé combien d'heures par semaine vous passiez 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à interrogé sur ces métriques ou sur d’autres, Code Time  est pour toi.

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 mesures en temps réel dans la barre d’état et un tableau de bord intégré à l’éditeur vous permettra d’obtenir une meilleure vue.

Vous pouvez définir Code Time pour vous envoyer 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 temps de programmation, afin qu'ils ne soient pas endommagés par des réunions.

9. Client REST

Que vous soyez un développeur Web frontal ou quelqu'un qui passe le plus clair de son temps sur le serveur, vous avez probablement déjà rencontré des cas où vous devez tester une API REST. Il existe des plug-ins de navigateur pour cela et de nombreux autres outils, mais si vous passez la majeure partie de votre temps dans un éditeur de texte, pourquoi ne pas laisser le client disponible à l'endroit où vous êtes le plus à l'aise?

C'est 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 de client SSL, etc.

Soyez plus productif dans le code Visual Studio

Ces extensions ne sont que le début, en particulier si vous débutez avec Visual Studio Code. Premièrement, il y a beaucoup plus d'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 dans une autre langue, vous trouverez des extensions qui faciliteront votre travail.

10 Conseils de productivité essentiels pour le code Visual Studio Le code Visual Studio élimine les autres éditeurs de texte de programmation. C'est gratuit, open source, ultra-rapide et regorge de fonctionnalités de productivité. Read Article