Que vous soyez un développeur à temps plein travaillant régulièrement avec des bases de code massives ou un simple programmeur amateur, Visual Studio Code peut être le complément parfait à votre boîte à outils de développement. Cet éditeur de code Linux impressionnant est devenu l'un des choix d'éditeurs les plus populaires depuis sa création il y a quatre ans. Parmi sa pléthore de fonctionnalités, ce qui distingue Visual Studio Code des autres éditeurs, c'est son extensibilité. Il existe un nombre infini d'extensions Visual Studio Code qui peuvent rendre la programmation amusante pour les débutants et augmenter la productivité pour les développeurs plus aguerris.
Meilleures extensions de code Visual Studio
Le nombre apparemment infini d'extensions vscode disponibles a tendance à submerger les utilisateurs assez rapidement. Franchement, vous pouvez trouver presque tous les types d'extensions que vous recherchez dans cet éditeur de code moderne. Ainsi, nous avons pris la liberté de souligner les 20 meilleures extensions de code de studio visuel pour la programmation à usage général. Continuez à lire pour en savoir plus sur ces excellentes extensions en détail.
1. À distance - Conteneurs
Docker a popularisé le concept de conteneurs à un tout autre niveau. Il permet aux développeurs de créer des programmes de manière transparente sans avoir à se soucier du tout des systèmes des utilisateurs. Les développeurs peuvent regrouper tous les fichiers nécessaires à l'exécution d'un nouveau programme dans un 'récipient' et les utilisateurs peuvent les exécuter efficacement dans leur système sans avoir besoin d'installer de dépendances. L'extension Remote - Containers permet aux développeurs d'utiliser cette idée directement lors du codage dans VS Code.
Caractéristiques de Remote - Conteneurs
- Remote - Containers fournit un outil à part entière et une pile d'exécution bien définie qui peut être utilisée pour conteneuriser facilement vos derniers programmes.
- Les utilisateurs de Linux doivent avoir Docker Compose 1.21+ installés dans leur système et ajouter leur utilisateur au groupe docker en utilisant usermod -aG docker $USER.
- Les conteneurs peuvent être utilisés soit comme environnement de développement à temps plein, soit simplement attacher des programmes à un conteneur en cours d'exécution.
- Vous pouvez choisir de transférer temporairement vos ports de conteneur ou de les laisser exposés en permanence à l'intérieur de votre hôte Linux.
Télécharger l'extension
2. Intelligence de chemin
Path Intellisence est l'une de ces rares extensions vscode qui fournit un gain de productivité garanti à votre développement. Si vous êtes un développeur polyglotte comme moi et que vous travaillez avec trop de technologies différentes en même temps, vous voudriez sûrement un outil pratique qui puisse se souvenir de votre nom de chemin pour vous. Path Intellisence a commencé comme une simple extension pour la saisie automatique des noms de fichiers, mais s'est depuis avéré un atout indispensable dans la chaîne d'outils des développeurs modernes.
Caractéristiques de Path Intellisence
- Les options de configuration robustes de cette extension VS Code permettent aux utilisateurs de choisir parmi un certain nombre d'options prédéfinies, par exemple si une barre oblique doit précéder les noms de répertoire ou non.
- Path Intellisence peut être configuré pour afficher à la fois les chemins absolus et relatifs de vos noms de fichiers.
- Il est sous licence MIT, qui permet de modifier davantage l'extension.
- Path Intellisence peut également être utilisé pour l'auto-complétion des fichiers cachés.
Télécharger l'extension
3. Python
Python est le choix de prédilection pour une grande partie des développeurs open source pour de nombreuses raisons, notamment la facilité d'utilisation et la flexibilité. De plus, les programmeurs qui ont besoin de gérer des applications basées sur les données s'en tiennent souvent à Python en raison de son vaste ensemble de bibliothèques tierces et de son intégration facile avec des solutions d'entreprise. Si vous êtes un programmeur Python, il y aura certaines choses que vous attendez de votre choix d'éditeur de texte. Heureusement pour vous, l'extension de code Python VS vous permettra d'exploiter le langage sans effort.
Fonctionnalités de l'extension Python
- L'extension Python VS Code est livrée avec une prise en charge intégrée du linting, de la navigation dans le code, du bloc-notes Jupyter, de l'explorateur de variables, des extraits de code, etc.
- Les développeurs peuvent exploiter le débogueur robuste lorsqu'ils trouvent très efficacement les bogues difficiles à détecter dans des bases de code généralement volumineuses.
- Il offre des palettes de commandes pratiques pour gérer rapidement les scripts Python et effectuer des tâches telles que les tests, la refactorisation, etc.
- Les développeurs peuvent démarrer et basculer entre virtualenv, venv, pipenv, conda et pyenv très rapidement en utilisant cette extension.
Télécharger l'extension
4. Serveur en direct
Les administrateurs système Linux auraient souvent besoin de créer un serveur en direct dans leur système pour surveiller plusieurs choses en action. L'extension Live Server peut être utilisée pour configurer un serveur de développement local qui permettra aux programmeurs de tester sans effort les pages statiques et dynamiques nouvellement créées. Le bouton go-live présent dans la barre des tâches vous permettra d'exécuter directement votre code en tant que serveur de développement, tandis que vous pourrez également configurer l'extension pour recharger les pages dès que vous enregistrez votre travail en cours.
Caractéristiques de Live Server
- C'est l'une des meilleures extensions vscode pour les développeurs Web en raison de son impact immédiat sur la productivité.
- L'extension Live Server permet aux développeurs Web d'utiliser divers raccourcis clavier, ce qui améliore la vitesse de développement et de test dans le processus.
- Il est livré avec une prise en charge prédéfinie de plusieurs navigateurs, SVG, CORS, proxy, https et Chrome Debugging Attachment.
- Live Server permet des espaces de travail multi-racines et prend en charge la connexion à distance via WLAN.
Télécharger l'extension
5. Visual Studio Intellicode
Visual Studio Intellicode est l'une des extensions Visual Studio Code les plus étonnantes que vous puissiez utiliser. Il est conçu pour aider les développeurs et les programmeurs avec des suggestions de complétion de code intelligentes et prend en charge un large éventail de langages de programmation. Visual Studio Intellicode utilise diverses techniques d'apprentissage automatique pour observer et trouver des modèles utilisés dans de nombreux projets GitHub open source et les suggère pendant que vous codez dans l'éditeur.
Fonctionnalités de Visual Studio Intellicode
- Visual Studio Intellicode est livré avec une prise en charge par défaut de Python, TypeScript/JavaScript, React et Java.
- Les prédictions fournies par l'extension Intellicode apparaissent dans une nouvelle section de la liste des suggestions précédée d'une icône en forme d'étoile.
- Il fournit des suggestions d'achèvement contextuelles efficaces, des info-bulles et une aide à la signature au lieu des suggestions prédéfinies courantes.
- Les utilisateurs Java doivent installer au minimum Java 8 Update 151 afin d'utiliser cette extension dans leurs projets.
Télécharger l'extension
6. Synchronisation des paramètres
Les développeurs modernes doivent souvent travailler sur plusieurs systèmes pour différents projets. Vous pouvez utiliser votre poste de travail personnel pour des projets individuels tandis que le travail de bureau peut nécessiter des systèmes entièrement différents. Quoi qu'il en soit, il peut prendre des efforts considérables pour se concentrer sur les projets plutôt que sur les paramètres IDE, ce qui entraîne une grave baisse de productivité. Heureusement pour vous, l'extension Settings Sync est là pour gérer vos configurations de développement de manière pratique et sans tracas sur tous vos postes de travail.
Fonctionnalités de la synchronisation des paramètres
- Il permet aux développeurs d'utiliser leur jeton de compte GitHub et Gist pour gérer rapidement leurs préférences de développement.
- Cette extension permet aux développeurs de synchroniser leurs paramètres, extraits, thèmes, icônes, raccourcis clavier, espaces de travail et même leurs extensions.
- La synchronisation des paramètres télécharge automatiquement les derniers paramètres au démarrage et les télécharge également automatiquement en cas de modification des paramètres.
- Il fournit aux développeurs des informations utiles sur leurs configurations IDE et les extensions utilisées.
Télécharger l'extension
7. Débogueur pour Chrome
Le débogueur pour Chrome est sans doute l'une des meilleures extensions Visual Studio Code pour les développeurs JavaScript. Il fournit un ensemble de fonctionnalités robustes qui visent à améliorer considérablement votre flux de travail quotidien. Cette extension moderne permet aux développeurs front-end et back-end de déboguer leurs codes directement dans l'éditeur de code et aide à trouver très rapidement les bogues difficiles à détecter. Il s'agit d'une extension officielle de VS Code de Microsoft et est régulièrement entretenue.
Fonctionnalités du débogueur pour Chrome
- Le débogueur pour Chrome permet aux développeurs de définir des points d'arrêt dans leurs codes source JavaScript lorsque les cartes sont activées.
- La console est très robuste et contient intelligemment toutes les fonctions nécessaires pour un flux de travail productif.
- Les développeurs peuvent utiliser cette extension VS Code pour déboguer des scripts d'évaluation, des balises de script ou même des scripts ajoutés dynamiquement.
- La fonction de surveillance permet aux développeurs de surveiller les modifications des paramètres spécifiés par l'utilisateur beaucoup plus facilement que de nombreuses extensions Visual Studio Code.
Télécharger l'extension
8. Plus jolie
Prettier est l'une des meilleures extensions de code VS pour les concepteurs de sites Web modernes qui doivent suivre un ensemble de règles bien définies lors de la conception de leurs pages. C'est une extension convaincante qui leur permet d'utiliser le populaire package Prettier. Il s'agit d'un formateur de code robuste qui permet aux concepteurs de formater leurs codes de manière structurée. Prettier fonctionne avec JavaScript, TypeScript, HTML, CSS, Markdown, GraphQL et d'autres outils modernes et permet la création d'applications de pointe sans effort.
Caractéristiques de Jolie
- Prettier facilite le formatage de votre code en fonction d'un ensemble de règles prédéfinies et les structure très efficacement.
- Il permet d'utiliser des palettes de commandes robustes afin d'exécuter et d'effectuer diverses tâches de formatage.
- Vous pouvez facilement relier l'éditeur.action.formatDocument et éditeur.action.formatSélection pour la configuration des raccourcis clavier personnels.
- Prettier est livré avec une intégration intégrée pour Visual Studio Code ESLint et TSLint.
Télécharger l'extension
9. Coloriseur de paires de brackets
L'extension Bracket Pair Colorizer est l'une des extensions Visual Studio Code les plus productives pour les programmeurs fréquents. Si vous êtes comme moi et que vous vous retrouvez souvent à naviguer à tort à travers ces accolades déroutantes lors de l'inspection des branches de code ; celui-ci est un incontournable pour vous. Il permet à l'éditeur d'identifier les parenthèses correspondantes avec des couleurs que vous pouvez définir et configurer. Ainsi, cela vous permet de connaître la profondeur d'une branche de code en regardant simplement la couleur du support respectif.
Caractéristiques du coloriseur de paires de supports
- Bracket Pair Colorizer permet un contrôle total sur les caractères à faire correspondre et les couleurs à utiliser en fonction des préférences du développeur.
- Il correspond automatiquement à (), [] et et permet au programmeur de définir et de faire correspondre des crochets personnalisés.
- Les programmeurs peuvent choisir une liste de couleurs lors de la configuration de leurs crochets et peuvent opter pour une couleur spécifique pour les crochets orphelins.
- Il permet aux développeurs de définir des raccourcis clavier personnalisés pour étendre et annuler les sélections de curseur vers la portée suivante.
Télécharger l'extension
dix. Quokka
Quokka.js est un bloc-notes robuste et moderne pour les développeurs JavaScript qui travaillent intensivement sur le code VS pour leurs projets. C'est l'une des extensions vscode les plus légères et les plus productives que vous puissiez utiliser pour booster votre flux de travail. Quokka vérifie votre code JavaScript en temps réel et fournit un retour instantané sur les blocs qui ont déjà été exécutés et ceux qui ne le sont pas. Si vous recherchez une extension JS pour économiser votre temps passé derrière les vérifications de code, Quokka est la solution pour vous.
Caractéristiques de Quokka
- Quokka utilise un type de couleur fixe pour chaque résultat, permettant aux développeurs de comprendre très efficacement leur flux d'exécution.
- L'extension elle-même est vraiment simple et ne nécessite aucune configuration personnalisée à mettre en place par le développeur.
- La documentation suffisante de Quokka facilite la mise en route de l'extension en un rien de temps.
Télécharger l'extension
11. Partager en direct
Live Share est une extension innovante visant à augmenter votre flux de travail au plus haut niveau. Il permet aux développeurs de partager leurs extraits de code avec d'autres collaborateurs en temps réel directement depuis le confort de votre éditeur de code préféré. L'extension Live Share est l'une des autres extensions de studio visuel développées par Microsoft et rend les collaborations d'équipe beaucoup plus productives. De plus, il est livré avec une prise en charge prédéfinie de la plupart des principaux langages, notamment C, Java, ASP.NET, JavaScript, Go, Kotlin, etc.
Fonctionnalités du partage en direct
- Il permet le partage instantané des projets en cours aux côtés des sessions de débogage, des instances de terminal, des applications Web utilisant localhost et bien d'autres.
- Les développeurs peuvent choisir de conserver leurs préférences personnelles (thèmes, raccourcis clavier) pour eux-mêmes tout en partageant leurs projets avec d'autres.
- Les collaborateurs n'ont pas besoin d'installer de dépôt ou de SDK pour travailler sur votre code actuel.
- Il permet aux développeurs de rejoindre leurs propres sessions de collaboration pour essayer de nouvelles choses à distance.
Télécharger l'extension
12. Extension GitHub
L'acquisition de GitHub par Microsoft a ému tout le monde de l'opensource et contrairement à la croyance populaire, Microsoft a fait bien mieux que beaucoup ne le pensent. GitHub offre désormais plus d'intégrations avec des outils populaires et l'extension GitHub pour Visual Studio Code en est l'exemple parfait. Il permet aux développeurs tiers de se connecter et de collaborer sur des projets beaucoup plus rapidement et fait de la réalisation de flux de travail complexes un jeu d'enfant. C'est un incontournable si vous êtes un amateur d'opensource comme moi.
Fonctionnalités de l'extension GitHub
- Il est très facile de se connecter à vos dépôts préférés et il peut ouvrir la page GitHub de votre projet en cours directement dans le navigateur
- Cette extension permet aux développeurs de cloner, créer ou publier des dépôts très rapidement sans jamais sortir de l'éditeur.
- Il prend en charge la configuration multi-dossiers, GitHub Enterprise, la fusion des demandes d'extraction et bien d'autres.
- Il permet également aux utilisateurs de visualiser et d'inspecter leurs demandes d'extraction, leurs projets de fork, de créer des Gists et bien d'autres.
Télécharger l'extension
13. Markdown tout en un
Markdown All in One est une extension à la mode pour écrire Markdown en utilisant VS Code. Il s'agit d'une extension à part entière qui prend en charge par défaut des fonctionnalités telles que l'aperçu en direct et la coloration syntaxique. La saveur fournie par cette extension sera assez similaire à Markdown de GitHub. Cela devrait le rendre attrayant pour les développeurs open source, car ils peuvent même maintenant écrire leurs documentations à l'aide de Visual Studio Code. L'extension elle-même est hautement personnalisable et auto-documentée.
Caractéristiques de Markdown All in One
- Il est connu pour offrir une vitesse de premier ordre et des performances supérieures parmi les passionnés d'open source.
- Le support de coloration syntaxique est très compétent et peut être configuré rapidement.
- Cette extension VS Code peut être utilisée pour sélectionner des portions de textes et ajouter des hyperliens de manière pratique.
- Markdown All in One a des raccourcis clavier extrêmement polyvalents ainsi qu'un robuste auto-complétion.
Télécharger l'extension
14. Docker
L'extension Docker pour VS Code est un incontournable pour les professionnels et les passionnés d'open source. Il offre un large éventail de fonctionnalités pratiques, notamment la coloration syntaxique, les commandes, le linting, Dockerfile et bien d'autres.
Cette extension facilite vraiment la création et le déploiement de vos applications conteneurisées directement depuis votre éditeur de source préféré. L'extension est développée par Microsoft et offre une expérience utilisateur fluide sans entraver la productivité.
Caractéristiques de Docker
- Vous pouvez simplement appuyer sur F1 pour générer le Dockerfile, docker-compose.yml, et .dockerignorer les fichiers automatiquement.
- Il est livré avec une prise en charge IntelliSense pré-construite pour les saisies automatiques intelligentes.
- L'extension Docker vous permet de télécharger des images directement depuis les registres vers Azure App Service.
- La palette de commandes par défaut de cette extension contient un ensemble massif de commandes largement utilisées.
Télécharger l'extension
15. Arduino pour Visual Studio Code
La carte Arduino est un petit élément électronique puissant qui peut être utilisé pour créer des projets passionnants basés sur des microcontrôleurs. En règle générale, les développeurs doivent installer le logiciel Arduino IDE pour écrire leurs codes et les déployer sur la carte.
Mais, l'extension Arduino Visual Studio Code vous permet de faire la même chose et bien plus directement depuis votre éditeur de texte Linux préféré. Bien que l'extension ne soit pas gratuite, elle rendra le paiement digne de la plupart des développeurs.
Fonctionnalités d'Arduino pour Visual Studio
- Il fournit une alternative Arduino IDE entièrement compatible, avec des outils pour l'édition, la construction, le déploiement et le débogage.
- Arduino IDE pour Visual Studio est livré avec une prise en charge pré-construite pour tous les clones Arduino courants, y compris AVR, SAMD, ESP, STM32, Intel et Ti.
- Il est livré avec un moniteur série intégré, une carte et un gestionnaire de bibliothèque, et prend en charge IntelliSense.
- Cette extension sort avec la même configuration que l'IDE Arduino.
Télécharger l'extension
16. Ouvrir dans le navigateur
Cette extension fait exactement ce que son nom suggère. C'est l'une des meilleures extensions vscode pour les développeurs Web, car elle leur permet de visualiser très facilement leurs pages Web ou leurs applications.
Par défaut, les pages sont affichées dans le navigateur Web par défaut configuré sur votre PC. Cependant, vous pouvez modifier la configuration pour changer cela en n'importe quel autre navigateur Web assez facilement. La combinaison de touches Alt + B ouvre le fichier actuel dans le navigateur par défaut tandis que Maj + Alt + B s'ouvre dans le navigateur spécifié.
Fonctionnalités d'ouverture dans le navigateur
- L'extension est écrite à l'aide de TypeScript et utilise un package npm extrêmement léger appelé opn.
- Il permet aux développeurs d'ouvrir tout type de fichiers qu'ils traitent, pas seulement du HTML vanille.
- À partir de maintenant, il prend en charge Google Chrome, Firefox, Firefox Developer Edition, Edge, Chromium et Internet Explorer.
Télécharger l'extension
17. Extraits de code JavaScript (ES6)
Si vous êtes un développeur Web moderne, vous devez travailler avec différentes piles JavaScript. Quels que soient vos choix de frameworks, taper les mêmes codes génériques dans différents projets devrait diminuer votre flux de travail.
Les extraits de code JavaScript (ES6) sont une petite extension de bibliothèque pratique qui fournit des extraits de codes JavaScript très utiles pour le développeur inactif. Il lie simplement les appels JavaScript standard à de simples raccourcis clavier. Cependant, cela peut augmenter considérablement votre productivité actuelle.
Caractéristiques du pack d'extraits de code JavaScript
- Il est livré avec une prise en charge prédéfinie de JavaScript, TypeScript, Vue, React et HTML.
- Les développeurs peuvent ajouter ou importer très rapidement leurs propres collections d'extraits de code dans cette extension.
Télécharger l'extension
18. Correcteur d'orthographe de code
Le vérificateur d'orthographe de code est une excellente extension qui facilite la maintenance de bases de code professionnelles. Il est indispensable de supprimer autant que possible les fautes d'orthographe si vous travaillez sur des produits de haute qualité. L'installation de cette extension signifie que vous n'aurez jamais à vous soucier de gâcher l'orthographe de vos commentaires, de vos chaînes et de votre texte brut lorsque vous tapez.
Caractéristiques du vérificateur d'orthographe de code
- Il affiche les erreurs d'orthographe potentielles dans vos commentaires, chaînes et texte brut en temps réel ou via une fenêtre d'outil interactive.
- Il est facile d'activer ou de désactiver la vérification orthographique lorsque vous tapez et ignorez des mots avec des paramètres spécifiques.
- Le vérificateur d'orthographe de code peut être configuré à plusieurs niveaux et permet l'héritage/le remplacement des options de configuration.
- Les utilisateurs peuvent ajouter très rapidement des dictionnaires personnalisés pour leur propre langue dans cette extension.
Télécharger l'extension
19. Atelier Latex
L'extension LaTeX Workshop pour VS Code est un moyen intelligent d'améliorer l'efficacité de la composition LaTeX avec prévisualisation, compilation, saisie semi-automatique, colorisation, etc. LaTex est largement utilisé pour les présentations académiques et commerciales. Si vous cherchez un moyen complet d'exploiter LaTex pour vos projets réguliers, LaTeX Workshop sera une solution intelligente pour vous. Vous pouvez également l'utiliser pour créer rapidement des fichiers PDF directement à partir de votre éditeur de source préféré.
Caractéristiques de l'atelier LaTex
- Sa fonctionnalité SyncTeX robuste permet aux utilisateurs de sauter directement entre .tex et leurs PDF et vice-versa.
- LaTex Workshop peut créer des fichiers PDF automatiquement après chaque construction LaTex réussie.
- Il fonctionne très bien avec IntelliSense et prend en charge les complétions pour diverses clés de bibliographie.
- Il est livré avec une bibliothèque d'extraits de code efficace qui contient de nombreuses commandes LaTex utilisées quotidiennement.
Télécharger l'extension
20. GitLens
GitLens est une extension open source impressionnante pour Visual Studio Code qui rendra la contribution à des projets tiers plus facile que jamais. Il permet aux utilisateurs de prendre le contrôle total des capacités Git intégrées au code et vise à augmenter la productivité à son apogée. Grâce à des fonctionnalités telles que les annotations de blâme Git et l'objectif de code, la compréhension d'une nouvelle base de code prendra le moins de votre temps précieux.
Fonctionnalités de GitLens
- La fonction d'annotation de blâme de ligne actuelle offre un moyen robuste de se souvenir de la paternité du code.
- Les vues de la barre latérale offrent des informations précieuses sur les projets et rendent la visualisation, la navigation et l'exploration de nouveaux dépôts encore plus amusantes.
- GitLens permet aux utilisateurs de rechercher et de découvrir des historiques de commit basés sur des messages, des auteurs, des fichiers, des identifiants et bien d'autres.
- Les utilisateurs peuvent basculer rapidement entre différents ensembles de paramètres à l'aide de modes personnalisés.
Télécharger l'extension
Mettre fin aux pensées
L'abondance d'extensions Visual Studio Code robustes, convaincantes et utiles disponibles rend difficile pour beaucoup de choisir celles à installer. Nous suggérons aux utilisateurs de ne pas installer une extension simplement parce qu'elle est là. Au lieu de cela, vous devriez laisser vos projets déterminer les outils dont ils ont besoin. Nous avons décrit les 20 meilleures extensions vscode génériques qui peuvent être utiles à tout le monde. Ces choix ont été basés sur la popularité parmi les développeurs et leurs fonctionnalités. J'espère que nous avons pu vous fournir toutes les informations nécessaires que vous recherchiez. Continuez à nous rendre visite pour d'autres guides sur des astuces de programmation Linux passionnantes.