Les meilleurs plugins à ajouter à Visual Studio Code

Lorsqu'il s'agit de plonger dans le monde intéressant du développement d'applications, nous pouvons utiliser une multitude de langages pour le faire. Il en existe des spécifiques pour certaines tâches, en plus d'autres plus génériques. De plus, nous devons sélectionner l'éditeur de code que nous souhaitons utiliser dans notre équipe et qui correspond à nos besoins. ici, l'un des choix que nous pouvons utiliser est Code Visual Studio .

C'est une excellente solution offerte par le géant du logiciel Microsoft, des plats pour les utilisateurs novices qui se lancent dans ce domaine, comme pour les plus professionnels. Pour nous donner une idée, nous parlons ici de Visual Studio Code, un éditeur de code développé par Microsoft lui-même. Nous avons la possibilité de l'installer et de l'exécuter sur Windows , Linux et macOS- ordinateurs basés.

meilleurs plugins à ajouter à Visual Studio Code

Fonctionnalités importantes que Visual Studio Code intègre

Comme vous pouvez l'imaginer dans un logiciel de ces caractéristiques et de cette importance, il nous offre une multitude de fonctions qui nous aideront dans le développement du code. Mais ce n'est pas tout, car en plus des fonctions qu'il présente, il se caractérise par une grande stabilité et par sa légèreté. Par conséquent, il devient l'éditeur de texte le plus préféré pour ces tâches.

De plus, cet éditeur open source est multiplateforme et très populaire dans la communauté des développeurs de logiciels. Par curiosité nous vous dirons que c'est bêta version est sortie fin 2015 et la première version stable est sortie en avril 2016. Il est également important de savoir que Visual Studio Code est compatible avec un grand nombre de langages de programmation. Par conséquent, ce ne sera pas un problème pour la plupart des développeurs.

L'éditeur prend en charge le débogage, le contrôle Git intégré, la coloration syntaxique, la complétion de code intelligente, etc. Il faut dire qu'il nous présente une interface assez personnalisable, qui permet aux utilisateurs de changer le thème, ou les raccourcis clavier, parmi autres choses.

Interface de code Visual Studio

Comme vous pouvez l'imaginer, tout cela facilite le travail ici grâce au fait que nous pouvons adapter le logiciel à nos besoins ou préférences. Aussi connu sous le nom VScode , cet éditeur a réussi à détrôner bien d'autres qui s'étaient implantés chez nous depuis des années, un programme que nous pouvons télécharger ici .

Un autre avantage que nous offre cette plateforme est qu'elle nous permet d'augmenter considérablement ses fonctionnalités, c'est précisément ce dont nous parlerons ci-dessous.

Plugins pour améliorer la fonctionnalité VScode

Comme d'habitude dans de nombreuses autres solutions du même type, Visual Studio Code nous offre la possibilité d'utiliser des Plugins. Si l'on tient compte du fait que nous sommes confrontés à l'un des éditeurs de code les plus utilisés aujourd'hui, pour dire que l'une des raisons en est le nombre de plugins disponibles.

C'est précisément pour toutes ces raisons que nous allons vous montrer ci-dessous certaines de ces extensions les plus importantes et les plus utiles que vous pouvez utiliser dans VScode. Comme on dit, le nombre de ces éléments supplémentaires est très élevé, donc selon le type de travail ou d'utilisation que vous faites du programme, l'un ou l'autre peut vous être utile.

Balise de renommage automatique

Nous allons commencer cette sélection d'extensions ou de plugins avec Auto Rename Tag. Il convient de mentionner que malgré sa simplicité, si quelque chose caractérise cet élément, c'est l'utilité qu'il procure. Fondamentalement, ce que fait cette extension est de changer automatiquement le nom d'une paire Balise HTML/XML.

Balise de renommage automatique

En raison de l'utilisation généralisée de ces étiquettes, il est très utile en grande partie grâce au temps qu'il nous fera gagner. Nous avons la possibilité de nous procurer ce plugin directement depuis ce lien .

Balise de fermeture automatique

L'automatisation des tâches dans ce type de programmes et plateformes de développement est l'une des fonctions les plus appréciées par les utilisateurs réguliers. Il faut garder à l'esprit que, lors de l'écriture de code, il est parfois assez répétitif. Ainsi, avec ce plugin, nous fournissons à Visual Studio Code une prise en charge des balises fermées pour HTML , Guidons et limes Razor.

Balise de fermeture automatique

En même temps, nous devons savoir que l'extension est activée pour d'autres langages tels que XML, PHP, JavaScript, TypeScript, etc. Nous pouvons nous en procurer à partir de là .

Navigateur ouvert

À ce stade, nous devons savoir que VSCode n'a pas d'interface intégrée pour ouvrir les fichiers directement depuis le navigateur web . D'où justement l'importance ou l'utilité que nous apportera ce plugin dont nous allons parler. En effet, cette extension ajoute une nouvelle option au programme appelée Ouvrir avec le navigateur par défaut.

Navigateur ouvert

On trouvera l'addition dans le menu contextuel , ainsi que des raccourcis clavier à ouvrir dans le navigateur que nous utilisons habituellement sur le système. Nous avons la possibilité de tester tout cela en télécharger l'extension à partir d'ici .

Quokka

Dans cet autre cas que nous allons vous exposer à utiliser dans Visual Studio Code, nous parlons de Quokka. En fait, c'est un outil de débogage qui nous donne un retour en temps réel sur le code que nous écrivons en ce moment. En même temps, il nous montre des aperçus des résultats des fonctions et des valeurs calculées des variables.

Quokka

C'est pour toutes ces raisons que vous pouvez imaginer que ce plugin peut être très utile dans certaines circonstances. De plus, il est très facile de configurer et fonctionne avec JSX et Manuscrit projets. Nous pouvons le télécharger à partir de ce lien .

GitLensGenericName

Ce que beaucoup d'entre vous ont sûrement déjà pu vérifier de première main, c'est que cet éditeur s'adapte parfaitement à tous les systèmes d'exploitation. Il offre également toutes sortes de fonctionnalités pour nous faciliter la tâche lors du développement de notre propre projets . Mais il est également vrai que certaines choses manquent encore, bien que pour cela nous puissions utiliser ces extensions.

GitLensGenericName

C'est le cas avec GitLensGenericName , un plugin qui ajoute des améliorations à l'expérience d'utilisation d'un éditeur de code comme celui-ci de Microsoft . Grâce à cela, nous pourrons voir qui a changé la ligne de code sur laquelle je travaille en ce moment et quand ils l'ont fait. En même temps, nous pouvons voir l'historique des modifications de chaque fichier, différencier les différentes modifications, etc. Afin d'ajouter cette extension, vous pouvez le faire à partir de là .

Faux Vscode

Cette proposition super intéressante de ce type qui nous permet d'insérer facilement et rapidement des données d'exemple dans notre projet. Pour cela, il utilise la bibliothèque JavaScript Faker et nous pouvons générer noms aléatoires , adresses, satellite , numéros de téléphone, etc. Dans le même temps, il convient de mentionner que chaque catégorie comporte plusieurs sous-catégories afin de localiser le contenu que nous recherchons le plus rapidement possible. Pour tester tout cela, vous pouvez le faire à partir de ce lien ( https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker ).

Faker

Thème d'icône matériel

Il se peut également que nous ayons besoin de modifier un peu l'apparence de l'éditeur afin de le personnaliser ou de se sentir plus à l'aise. C'est précisément pour cela que nous pouvons utiliser le plugin sous la forme d'un thème à ajouter à Visual Studio Code. En fait, nous nous référons ici à un thème qui nous offre une plus minimaliste et une interface facile à utiliser. Si vous voulez l'essayer, vous pouvez le faire à partir de là .

Thème d'icône matériel