10 plugins de code Visual Studio utiles

Tout le monde, des développeurs expérimentés aux débutants, veut simplifier leur vie. Les bons outils peuvent vous y aider.

Si vous utilisez Visual Studio Code comme environnement de développement, vous avez de la chance. Vous pouvez installer un tas de plugins et vous simplifier la vie au maximum.

Les plugins affectent considérablement la productivité et l'approche du travail. C'est ce dont nous discuterons ci-dessous.

«D'abord, nous changeons d'outils, puis ils nous changent»
- Jeff Bezos

Tous les plugins sont gratuits et disponibles sur Visual Studio Marketplace .

Visual Studio Intellicode


image

Il s'agit du plugin le plus fréquemment téléchargé pour Visual Studio (plus de 3 200 000 téléchargements). Et, à mon avis, le plus utile.

Ce plugin est conçu pour aider les développeurs à écrire du code. Il prend en charge un grand nombre de langages de programmation. Visual Studio Intellicode utilise des méthodes d'apprentissage automatique. Il recherche et analyse les modèles utilisés dans de nombreux projets GitHub open source et vous les propose lorsque vous écrivez du code.


Logiciel EDISON - développement web
Cet article a été traduit avec le soutien d'EDISON Software, une entreprise qui développe des applications et des sites , et investit également dans des startups .


Git blâme


image

Qui a fait ça?!

De temps en temps, vous devez savoir qui a écrit un morceau de code spécifique. Git Blame pour vous aider. Git Blame vous indique quand et par qui chaque ligne du fichier a été modifiée pour la dernière fois.

Ces informations sont utiles, en particulier lorsque vous travaillez avec des branches de fonction. Puisque Git Blame vous indique dans quel commit (c'est-à-dire dans quelle branche) la ligne de code a été modifiée, vous savez quel ticket a provoqué ce changement. Cela vous aidera à mieux comprendre les raisons des changements.

Plus joli


Prettier est l'un des meilleurs plug-ins pour les développeurs qui doivent suivre un ensemble de règles bien défini lors du développement. Ceci est un excellent plugin qui vous permet d'utiliser le package Prettier. Prettier est un excellent outil pour structurer le code.

Prettier est compatible avec JavaScript, TypeScript, HTML, CSS, Markdown, GraphQL et d'autres outils modernes et vous permet de formater correctement le code.

Extraits de code JavaScript (ES6)


Chaque développeur qui essaie d'être au moins un sujet a probablement travaillé avec l'une des piles JavaScript. Peu importe le cadre que vous préférez. Un code commun dans différents projets devrait vous simplifier la vie.

Les extraits de code JavaScript (ES6) sont un plugin pratique qui fournit des extraits de code JavaScript très utiles pour un développeur paresseux. Il associe les appels de fonction standard aux touches de raccourci. Une fois que vous l'aurez compris, votre productivité augmentera considérablement.

Sass


Comme vous l'avez probablement déjà deviné, ce plugin aide les développeurs qui travaillent avec des feuilles de style. Dès que vous commencez à créer des feuilles de style pour votre application, vous voudrez certainement utiliser ce plugin. Sass prend en charge la coloration syntaxique, la saisie semi-automatique et le formatage.

Intellisense de chemin


Path Intellisense est le moyen le plus sûr d'augmenter votre productivité tout en écrivant du code. Si vous travaillez sur de nombreux projets en même temps et utilisez trop de technologies différentes, vous aurez probablement besoin d'un outil pratique qui peut se souvenir des noms de chemin de fichier pour vous. Ce plugin vous fera gagner beaucoup de temps, ce qui autrement aurait été une perte de temps à chercher le bon répertoire.
Path Intellisence a été conçu comme une simple extension pour les noms de fichiers à saisie semi-automatique. Mais depuis lors, il est devenu un précieux assistant dans la boîte à outils de la plupart des développeurs.

Débogueur pour Chrome


image

Vous n'avez pas à quitter Visual Studio Code si vous devez déboguer JavaScript. Le débogueur de Microsoft pour Chrome vous permet de déboguer les fichiers source directement dans Visual Studio Code

ESLint


Le plugin ESLint incorpore ESLint dans Visual Studio Code. ESLint est un outil qui analyse statiquement votre code pour trouver rapidement des problèmes.
La plupart des problèmes détectés par ESLint peuvent être résolus automatiquement. Les corrections ESLint prennent en compte la syntaxe et vous ne rencontrerez donc pas d'erreurs causées par les algorithmes traditionnels de recherche et de remplacement. De plus, ESLint est hautement personnalisable.

Visionneuse SVG


image

L'extension SVG Viewer ajoute un certain nombre d'utilitaires pour travailler avec SVG dans Visual Studio Code. Ce plugin vous permet d'afficher des fichiers SVG et de visualiser leur apparence sans quitter l'éditeur. De plus, ce plugin vous permet de convertir des fichiers en PNG et de créer des schémas de données URI.

Thèmes


Les sujets sont les derniers de la liste, mais sans importance. Puisque vous regarderez votre éditeur tous les jours, pourquoi ne pas le rendre aussi beau que possible? Il existe de nombreux plugins de personnalisation qui modifient le jeu de couleurs et les icônes dans la barre latérale. Certains thèmes populaires sont disponibles gratuitement: One Monokai , One Dark Pro et Material Icon .

Traduction: Diana Sheremyeva


Lisez aussi le blog
Société EDISON:


20 bibliothèques pour
application iOS spectaculaire

Source: https://habr.com/ru/post/fr479828/


All Articles