L’éditeur de code Visual Studio, communément appelé VS Code, est un éditeur de code ou un éditeur de script open source développé par Microsoft et considéré comme l’un des meilleurs auteurs de code disponibles pour les trois plates-formes et peut être exécuté sur Linux, Windows et Mac.

Cet éditeur de script se concentre sur la maximisation des performances du programmeur, car ses nombreuses fonctionnalités telles que la saisie semi-automatique et le débogage aident à accélérer le rythme de travail du développeur, en plus des outils par défaut fournis par le code Visual Studio, le développeur peut profiter de nombreuses extensions et des outils supplémentaires qui fonctionnent pour améliorer l’expérience du développeur et faciliter son travail de différentes manières, dans cet article, nous vous montrons les modules complémentaires Visual Studio Code disponibles que tout développeur Web devrait connaître.

• vscode-icons

L’un des outils qui ajoutent une belle touche au code Visual Studio, nous savons que l’ajout d’icônes ne fait pas beaucoup de différence, mais (pour moi, au moins) ajouter un tas de couleurs et de jolies petites icônes à l’interface de mon editor met un peu de confort dans mon environnement de travail et m’aide à me déplacer plus rapidement entre les fichiers et les dossiers.

• Icon Fonts

Si vous utilisez des icônes et des icônes dans votre travail de programmation, Icon Fonts propose une variété d’icônes, y compris le populaire pack d’icônes Font Awesome v5, ce qui signifie que vous n’avez pas besoin de rechercher sur le site Font Awesome pour extraire l’icône d’une icône spécifique, et également pour ceux qui n’utilisent pas VS Code, ce plugin est disponible à la fois dans Atom et Sublime Text.

• Bookmarks

Bien que le code Visual Studio contienne des numéros de ligne, l’ajout de signets au code vous permet de naviguer rapidement et facilement d’un endroit à un autre tout en écrivant du code. De plus, l’extension vous permet de marquer les zones ou les lignes de code que vous souhaitez retourner. plus tard.

• Remote – SSH

Remote SSH vous permet d’utiliser n’importe quelle machine distante avec un serveur SSH comme environnement de développement. Cet outil aide au dépannage dans une variété de scénarios. Vous n’avez pas non plus besoin d’ajouter le code de base sur votre machine. L’outil exécute des commandes et d’autres plugins directement sur l’autre machine après connexion à distance.

• Prettier

Prettier est un outil de formatage de code et cet outil a plus de 38,5 mille étoiles sur GitHub, Prettier peut être considéré comme l’un des outils de formatage les plus populaires, et c’est vraiment un excellent outil qui rend le code coordonné et ordonné qui aide le développeur à économiser beaucoup de temps, en particulier lors de la collaboration avec d’autres développeurs.

• Settings Sync

Settings Sync peut vous faire gagner beaucoup de temps pour installer d’autres extensions, avant de commencer à télécharger des outils la prochaine fois sur votre nouvel appareil, c’est une bonne idée de vous familiariser avec Settings Sync. Cet outil vous permet de synchroniser tout ce que vous personnalisez sur VSCode De cette façon, vous pourrez accéder à votre éditeur et à vos favoris sur n’importe quel appareil de votre choix, au lieu de tout configurer à nouveau manuellement.

• CSS Peek

Directement à partir du fichier HTML et lors de son édition, vous pouvez voir le code CSS affectant cette balise. Cet outil est très utile pour les développeurs Web, et il convient de noter que l’idée a été inspirée par une fonctionnalité similaire dans Brackets, et CSS Peek permet vous pouvez développer le fichier HTML pour montrer que CSS / SCSS / LESS se trouve à l’intérieur de la page de code elle-même et vous permet de passer rapidement à une partie spécifique de votre CSS pour une édition rapide.

• JavaScript Code Snippets

Alors que VSCode inclut JS IntelliSense en tant qu’outil intégré à l’application, les extraits de code JS améliorent cette expérience en ajoutant un grand nombre de fonctionnalités intéressantes et utiles, ce plugin a été installé par plus de 5 millions d’utilisateurs et a une note de 5 sur 5 sur le magasin d’extensions VSCode. Ce module complémentaire comprend JS, TypeScript, JS React, TS React, HTML et Vue.

• ESLint

JSLint était le premier outil JavaScript lint, mais cet outil est devenu obsolète et ne prenait pas en charge les développements JavaScript après ES5 et contient de nombreux défauts et erreurs, maintenant ESLint est apparu et c’est une version améliorée avec plus de fonctionnalités, cet outil analyse simplement le code using Un ensemble de règles pour faire des suggestions visant à améliorer le code.

• Peacock

C’est un outil sympa et cool qui vous permet de changer la couleur de l’environnement de travail sur Visual Studio Code, afin que vous puissiez sélectionner rapidement l’interface de travail ou le projet dont vous venez de vous déplacer, l’outil est idéal lorsque vous avez plusieurs projets sur VS Code ou utilisez VS Live Share et souhaitez accéder rapidement à l’éditeur sur lequel vous travaillez.

• Auto Close Tag

Par défaut, l’éditeur de code Visual Studio ne prend pas en charge la fermeture automatique des balises, donc si vous oubliez de fermer vos balises, vous pouvez télécharger cet outil, qui est un add-on très utile qui vous permet de compléter le code et de fermer automatiquement les balises dans la langue que vous utilisez.

• SQL Server

L’un des outils et modules complémentaires utiles pour tous les programmeurs qui traitent avec des bases de données SQL. L’outil vous aide à tester et valider les requêtes avant de les insérer dans le programme sur lequel vous travaillez. Sur les bases de données, il permet de gérer les bases de données et de convertir l’éditeur de code VS dans un serveur de base de données intégré.

• Open in Browser

La fonctionnalité de cet outil ressort clairement de son nom, Ouvrir dans le navigateur. Il vous aide à ouvrir n’importe quel fichier Web dans le navigateur en un seul clic. Ce n’est pas un outil volumineux ou compliqué, mais il est très utile et vous aide à prévisualiser rapidement votre travail sur la toile.

Il s’agissait d’ajouts importants dans l’éditeur de code Visual Studio, qui peuvent être très utiles pour chaque programmeur ou développeur Web, il existe de nombreux autres outils utiles qui ne peuvent pas être limités à un seul article, vous pouvez voir le magasin d’extensions | Marketplace d’éditeur de code Visual Studio qui comprend des centaines d’excellents outils, au cas où vous utiliseriez des plugins de code Visual Studio que vous n’avez pas vu dans cet article et qui peuvent être utiles, n’hésitez pas à les partager avec nous dans les commentaires !