36 plug-ins frontaux couramment utilisés dans vscode, recherchez et téléchargez directement !

Profitez de votre temps libre pour trier certains plug-ins vscode couramment utilisés, afin de devoir les rechercher et les télécharger à nouveau lorsque vous changerez d'ordinateur plus tard. , les étudiants qui en ont besoin peuvent d'abord le sauvegarder, et nous continuerons à le mettre à jour si nous obtenons de nouveaux plug-ins plus tard ! [Apprentissage recommandé : "Tutoriel vscode"]

1. Indent-Rainbow

Laissez l'indentation être colorée

2. Thème d'icône matérielle

Belle icône de fichier

3.

Formatage du code

4. Mode d'alimentation

Un effet de frappe au clavier sympa

5. Vetur

Puissant outil de support de développement de vue

6.

7. Vue CSS Peek

Fournit un support de conversion CSS pour les fichiers vue d'une seule page

8 Vue Peek

Cliquez sur le composant pour accéder au fichier de définition du composant

9.

Certaines données, méthodes et autres fonctions de Vue complètent automatiquement les invites, ce qui est pratique pour écrire rapidement du code

10 Little Overlord

Un Super Mario qui peut être joué en vscode

11. traduire

Traduction de mots. Maintenez la souris sur la sélection pendant quelques secondes pour afficher le contenu traduit.

12.filesize

Affiche la taille actuelle du fichier dans la barre d'état.

13. TabNine

Al outil de complétion de code auxiliaire. Les champs appropriés peuvent être mis en correspondance pour vous en fonction des habitudes de codage que vous avez écrites.

14. Balise de fermeture automatique

Fermer automatiquement la balise

15. Importation automatique

Module d'importation automatique

16. automatiquement renommé

17. Quokka

est un plug-in d'outil de débogage qui fournit des commentaires en temps réel basés sur le code que vous écrivez. Il est facile à configurer et offre la possibilité de prévisualiser les fonctions et les résultats des valeurs calculées des variables. De plus, cela fonctionne immédiatement dans les projets utilisant JSX ou TypeScript.

18. CSS Peek

En utilisant ce plugin, vous pouvez tracer l'endroit où les classes et les identifiants CSS sont définis dans la feuille de style. Lorsque vous cliquez avec le bouton droit sur le sélecteur dans le fichier HTML et sélectionnez l'option "Aller à la définition et à la définition", il vous enverra le code CSS pour le style.

19. HTML Boilerplate

En utilisant le plug-in de modèle HTML, vous vous débarrassez de la difficulté de réécrire les balises head et body pour les nouveaux fichiers HTML. Il vous suffit de taper du HTML dans un fichier vide et d'appuyer sur la touche Tab pour générer une structure de document propre.

20. De meilleurs commentaires

Améliorez votre code et rendez-le plus attrayant en ajoutant des commentaires colorés.

21. Error Lens

mettra en évidence les avertissements, les erreurs, les problèmes de syntaxe (lignes ondulées d'invites), etc. diagnostiqués par l'éditeur en remplissant l'arrière-plan de la ligne avec de la couleur et affichera les informations de diagnostic à la fin.

22. Prettier

est actuellement le formateur de code le plus populaire dans le développement Web. Une fois ce plugin installé, il applique automatiquement Prettier et formate rapidement des documents JS et CSS entiers dans un style de code unifié. Si vous souhaitez toujours utiliser ESLint, il existe également un plug-in Prettier-Eslint, ne le manquez pas !

23. Color Highlight

Un plug-in de mise en évidence de code plus couramment utilisé

24. Color Picker

Color Picker

25. Écrit par

26. ESLint

Eslint plugin

27. Mettez en surbrillance les espaces de fin

TODO Highlight

28.

29. VS Code Counter

compte le nombre total de lignes de code, le nombre de lignes de commentaires, le nombre de lignes vides et la langue utilisée.

30. Coloriseur de paires de supports

Colorisez les supports correspondants

31. Par exemple, si le mot « banane » est mal orthographié comme « banane », il vous sera demandé si vous souhaitez le remplacer par « banane ». Vous pouvez également ajouter « banane » au dictionnaire du vérificateur.

32. Path Intellisense

Compléter automatiquement les noms de fichiers

33. Rainbow Fart

Aperçu officiel : VSCode Rainbow Fart est une extension qui continue de vous féliciter pour vos compétences en écriture lorsque vous programmez Play. des voix réelles qui sont proches de la signification du code en fonction des mots-clés du code.

34. any-rule

Vous pouvez utiliser rapidement des expressions régulières dans vscode, pas besoin d'utiliser Du Niang !

35. ## Todo Tree

Todo Tree est un plug-in qui invite à effectuer des événements. Ajoutez

au début du commentaire de code et l'intégralité du commentaire sera mise en surbrillance //TODO

36. project-tree

Il s'agit d'un plug-in qui génère automatiquement la structure du projet

Pour plus de connaissances sur la programmation, veuillez visiter :

Introduction à la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!