Top 15 des extensions de code Visual Studio en 2019

En tant que développeur, vous souhaitez optimiser votre temps et automatiser le plus possible. Voici 15 extensions de code VS dont vous devriez tirer parti aujourd'hui.

Visual Studio Code est l'un des IDE les plus populaires sur le marché et il a fait des vagues depuis un certain temps déjà. En tant que développeurs, nous devons automatiser la plupart de nos processus. Heureusement, VS Code propose des extensions qui nous permettent d’étendre les capacités de l’éditeur de code.

Dans cet article, je vais partager les 15 principales extensions VS Code que vous devriez utiliser en 2019 pour améliorer votre productivité en tant que développeur. VS Code fournit une multitude d’extensions, allant des linters aux débogueurs, en passant par les snippets, les keymaps, les thèmes, etc. Tous ces éléments sont situés dans le marché VS d'extension de code .

Le coût d'importation

L'extension Import Cost est idéale pour visualiser le paquet. la taille en un coup d’œil pour les paquets importés. Cette extension affichera dans l'éditeur la taille du paquet importé. L'extension utilise webpack avec babel-webpack-plugin pour détecter la taille importée.

Quokka JS

Vous avez déjà eu besoin de tester un code JavaScript et vous avez dû effectuer une rotation. la console dans Chrome DevTools? Plus jamais! Je vais vous présenter Quokka.js . Cette extension est un bloc-notes dynamique pour JavaScript et sert de terrain de travail pour le prototypage rapide dans votre éditeur, avec un accès aux fichiers de votre projet, aux rapports en ligne, à la couverture en code et au formatage de sortie riche.

Turbo Console.log

La Turbo Console Log est une extension de code VS qui vous aide à automatiser les instructions de journalisation sur votre base de code. Cela fonctionne en sélectionnant une variable et écrit rapidement toute l'instruction console.log avec le raccourci clavier ctrl + alt + l pour Windows ou cmd + opt + l pour Mac. En outre, il est également possible de supprimer toutes les instructions console.log à la fois.

Night Owl

Le thème Night Owl est l'un de mes thèmes favoris. , et a un impressionnant 240k installations du marché. Ce thème est idéal pour les adeptes du thème mode sombre – il est adapté aux personnes qui aiment travailler tard le soir et les choix de couleurs tiennent compte du niveau d'accessibilité pour les personnes souffrant de daltonisme et dans des conditions de faible luminosité.

Azure Functions

L'extension Azure F pour VS Code est vraiment pratique. Il vous permet de créer, de déboguer, de gérer et de déployer Azure Functions directement à partir de VS Code, ce qui simplifie tout le processus de travail avec Azure Functions.

Path Intellisense

The L'extension Path Intellisense est un autre excellent outil à essayer. Il vous aide à compléter automatiquement les noms de fichiers. Lorsque vous travaillez sur de grandes bases de code, il peut s'avérer difficile de rechercher des noms de chemins pour des fichiers ou des répertoires. Cette extension fournit intellisense pour les fichiers et vous fera gagner du temps en recherchant un nom de fichier.

ESLint

L'extension ESLint est très utile pour écrire du code propre. Cette extension vous aide à intégrer ESLint dans votre éditeur de telle sorte que votre code soit automatiquement mis en forme et que la charpie soit activée pour les erreurs et les avertissements. Avec plus de 18 millions de téléchargements, il s’agit de l’une des extensions les plus téléchargées.

Prettier

Le formatage manuel du code peut compliquer la tâche de développement. C’est pourquoi il est important d’automatiser des opérations telles que le formatage pour ne plus avoir à vous inquiéter. L’extension de code Prettier vous aide à formater votre code afin d’éviter de le faire manuellement. Prettier est très populaire et utilisé par de nombreux développeurs, et c’est pourquoi il a environ 7 millions de téléchargements.

Serveur Live

Le Live L'extension S erver fournit un développement rapide Live Server, avec le rechargement en direct du navigateur activé pour les pages statiques et dynamiques. Le point positif de cette extension est qu’elle comporte un bouton de démarrage direct dans la barre des tâches, de sorte que vous pouvez facilement faire tourner un serveur de développement à tout moment et que cela fonctionne de manière transparente.

Vetur

The L'extension Vetur est l'outillage officiel Vue pour VS Code. Cette extension facilite le développement de Vue.js avec des fonctionnalités telles que la coloration syntaxique, le filtrage / formatage, la prise en charge emmet et la complétion automatique du code. L'extension est très populaire, avec plus de 10 millions de téléchargements sur le marché. Si vous développez avec Vue.js, vous devez absolument installer cette extension.

GitLens

L'extension GitLens est une extension très puissante pour VS Code, qui aide à renforcer les capacités de git intégrées à VS Code, notamment la possibilité de visualiser l’auteur du code, de visualiser le blâme de git et de consulter l’historique d’un fichier avec diff activé. , ce qui est super cool.

Polacode

Polacode est une extension de code VS permettant de créer de superbes captures d'écran pour vos extraits de code. Comment ça marche, demandez-vous? C’est aussi simple que d’installer l’extension; vous pouvez ensuite le lancer et copier le code pour le coller dans Polacode; alors vous pouvez télécharger une image.

Colorateur de paires de crochets

Plusieurs fois, j'ai eu des problèmes pour identifier les crochets correspondants dans une base de code profondément imbriquée. de ne pas avoir de facteur de différenciation entre tous les crochets. Mais avec l’extension Bracket Pair Colorizer qui est l’une de mes extensions préférées, il est possible de faire correspondre les crochets de mon code avec des couleurs correspondantes, ce qui me permet de sélectionner facilement un étendue du bloc de code avec facilité.

Synchronisation des paramètres

La synchronisation des paramètres est une excellente extension vous permettant de synchroniser les paramètres, les extraits, les thèmes, les icônes de fichier. , raccourcis clavier et extensions sur plusieurs ordinateurs à l'aide de GistHub gist. Il est ainsi plus facile de migrer vers un nouveau système sans perdre aucun de vos paramètres de code de système virtuel personnalisés.

Débogueur pour Chrome [19659006] Beaucoup de développeurs utilisez la méthode console.log pour le débogage, ce qui est correct, non? Mais ils ne profitent pas des capacités impressionnantes du débogueur Chrome. Le Debugger pour C extension hrome est une extension officielle permettant de déboguer votre code directement dans VS Code. Et c’est de loin une meilleure expérience pour déboguer votre code.

---

Conclusion

Dans cet article, j’ai énuméré les 15 principales extensions à essayer en 2019, mais cette est en aucun cas une liste complète de grandes extensions à essayer. VS Code dispose d'une vaste bibliothèque d'extensions, et il existe d'autres extensions à vérifier qui vous aideront à augmenter votre productivité lors de l'écriture de code et qui sont disponibles sur le marché . N'hésitez pas à laisser un commentaire si vous trouvez l’une de ces suggestions utile et si vous avez des suggestions d’extensions à consulter.

Pour plus d’informations sur la création de superbes applications Web

Vous souhaitez en savoir plus sur la création d’excellentes applications Web? Tout commence avec Kendo UI – la bibliothèque complète de composants d'interface utilisateur qui vous permet de créer rapidement des applications réactives de haute qualité. Il comprend tout ce dont vous avez besoin, des grilles et graphiques aux menus déroulants et jauges.

En savoir plus sur le Kendo UI

Testez gratuitement votre Kendo UI