5 extensions utiles pour VS Code
Le succès de VS Code et son adoption rapide par la communauté des développeurs ne sont pas seulement dus au fait qu’il s’agit d’un éditeur très compétent avec des outils utiles prêts à l’emploi, mais à la communauté dynamique d’utilisateurs créant de multiples outils utiles pour mieux travailler avec. Passons en revue cinq extensions VS Code triées sur le volet pour améliorer la vitesse et l’efficacité de notre flux de travail.
Client REST
https://marketplace.visualstudio.com/items?itemName=waderyan.gitblame
Après être passé à VS Code depuis PhpStorm, la première chose qui m’a manqué était le client REST intégré de PhpStorm où vous pouviez écrire des requêtes en texte brut. Heureusement, cette extension vous permet de faire des demandes d’API REST directement à partir d’un éditeur de code VS et d’obtenir la réponse. Vous devez simplement démarrer un fichier vierge, y ajouter la requête, changer sa langue en "http" et vous obtiendrez un bouton en haut du fichier indiquant ENVOYER LA DEMANDE sur lequel vous cliquerez pour envoyer la requête API REST de l’intérieur Code VS.
Blâme Git intégré
https://marketplace.visualstudio.com/items?itemName=waderyan.gitblame
Cette extension vous permet de voir qui a commis quoi sur chaque ligne de votre éditeur. Bien que l’extension Git Lens soit plus omniprésente, je préfère Git Blame car je n’aime pas avoir les messages de validation, même s’ils sont estompés, mélangés à mon code comme le fait Git Lens. Cette extension affichera le committer dans la barre d’état en bas, et lorsque vous cliquerez dessus, elle affichera le message de commit avec un lien pour accéder au commit sur GitHub. Voici ma propre capture d’écran montrant le lien :
Coloriseur de paire de brackets
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
Il est facile de se perdre dans le code en essayant de déterminer quelle parenthèse correspond à laquelle. Cette extension affichera chaque niveau de crochet sur une couleur différente et tracera même une ligne du crochet d’ouverture au crochet de fermeture afin que vous soyez toujours conscient du contexte sur lequel vous travaillez.
Mise en évidence de la syntaxe Babel JavaScript
https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel
Cette extension mettra non seulement en évidence les fonctionnalités ES6 ou ES7, mais mettra également correctement en évidence le code React, la syntaxe GraphQL et même le CSS en JS à la manière de StyledComponents.
Thème de couleur VS Code
https://marketplace.visualstudio.com/items?itemName=akamud.vscode-theme-onedark
Ne sont-ils pas difficiles à trouver des combinaisons de couleurs pour l’éditeur qui correspondent parfaitement à nos goûts? Une fois que nous en avons trouvé un, nous ne le lâcherons pas jusqu’à ce qu’un meilleur se présente. Le schéma de couleurs que j’utilise actuellement et que je trouve très agréable est celui-ci, Atom One Dark, et va bien avec le thème d’icônes Seti inclus dans VS Code.
À ton tour
Une extension que vous aimez et que vous souhaitez exprimer publiquement ? Vous en connaissez un similaire à ceux présentés ici? Peut-être un que vous avez développé? Faites-moi savoir dans les commentaires!