36 häufig verwendete Front-End-Plug-Ins in vscode, direkt suchen und herunterladen!

Nutzen Sie Ihre Freizeit, um einige häufig verwendete vscode-Plug-ins zu sortieren, damit Sie sie später erneut suchen und herunterladen müssen, wenn Sie den Computer wechseln. , Schüler, die es benötigen, können es zuerst speichern, und wir werden es weiterhin aktualisieren, wenn wir später neue Plug-Ins erhalten! [Empfohlenes Lernen: „vscode-Tutorial“]

1. Einzug farbig gestalten

Gut aussehendes Dateisymbol

3 Code-Formatierung

Ein cooler Tastaturtipp-Effekt

Leistungsstarkes Vue-Entwicklungsunterstützungstool

6. vscode-fileheader

Datei-Header-Anmerkungsinformationen

7. Vue CSS Peek

Bietet CSS-Konvertierungsunterstützung für einseitige Vue-Dateien

Klicken Sie auf die Komponente, um zur Komponentendefinitionsdatei zu springen

9 Einige Daten, Methoden und andere Funktionen in Vue vervollständigen automatisch Eingabeaufforderungen, was zum schnellen Schreiben von Code

Ein Super Mario, der in vscode gespielt werden kann

11. übersetzen

Übersetzung von Wörtern. Wenn Sie die Maus einige Sekunden lang darauf halten, sehen Sie den übersetzten Inhalt.

12. Dateigröße

Zeigt die aktuelle Dateigröße in der Statusleiste an.

13. TabNine

Al ist ein Hilfstool zur Codevervollständigung. Basierend auf den von Ihnen geschriebenen Codierungsgewohnheiten können geeignete Felder für Sie abgeglichen werden.

14. Tag automatisch schließen

15. Automatisches Importmodul

16. Tag automatisch umbenennen

automatisch umbenannt

17. Quokka

ist ein Debugging-Tool-Plug-in, das Echtzeit-Feedback basierend auf dem von Ihnen geschriebenen Code bietet. Es ist einfach zu konfigurieren und bietet die Möglichkeit, eine Vorschau von Funktionen und berechneten Wertergebnissen von Variablen anzuzeigen. Außerdem funktioniert es sofort in Projekten, die JSX oder TypeScript verwenden.

18. CSS Peek

Mit diesem Plugin können Sie nachverfolgen, wo CSS-Klassen und IDs im Stylesheet definiert sind. Wenn Sie mit der rechten Maustaste auf den Selektor in der HTML-Datei klicken und die Option „Gehe zu Definition und Peek-Definition“ auswählen, wird Ihnen der CSS-Code für das Styling gesendet.

19. HTML-Boilerplate

Durch die Verwendung des HTML-Vorlagen-Plugins entfällt die Mühe, die Head- und Body-Tags für neue HTML-Dateien neu zu schreiben. Geben Sie einfach HTML in eine leere Datei ein und drücken Sie die Tabulatortaste, um eine saubere Dokumentstruktur zu erstellen.

20. Bessere Kommentare

Verbessern Sie Ihren Code und machen Sie ihn attraktiver, indem Sie farbenfrohe Kommentare hinzufügen.

21. Error Lens

hebt die vom Editor diagnostizierten Warnungen, Fehler, Syntaxprobleme (Wellenlinien von Eingabeaufforderungen) usw. hervor, indem der Zeilenhintergrund mit Farbe gefüllt wird, und zeigt am Ende die Diagnoseinformationen an.

22. Prettier

ist derzeit der beliebteste Codeformatierer in der Webentwicklung. Sobald dieses Plugin installiert ist, wendet es Prettier automatisch an und formatiert das gesamte JS- und CSS-Dokument schnell in einen einheitlichen Codestil. Wenn Sie dennoch ESLint verwenden möchten, gibt es auch ein Prettier – Eslint-Plug-in, das Sie sich nicht entgehen lassen sollten!

23. Farbhervorhebung

Ein häufiger verwendetes Code-Hervorhebungs-Plug-in

Farbwähler

25. Kann herausfinden, wer dieser Code ist Geschrieben von

26. ESLint

eslint-Plugin

27. TODO-Highlight

28. Nachgestellte Leerzeichen

Nachgestellte Leerzeichen werden angezeigt

29. VS-Codezähler

zählt die Gesamtzahl der Codezeilen, die Anzahl der Kommentarzeilen, die Anzahl der Leerzeilen und die verwendete Sprache.

30. Klammerpaar-Kolorierung

Passende Klammern einfärben

31. Rechtschreibprüfung. Wenn beispielsweise das Wort „Banane“ falsch als „Banane“ geschrieben wird, werden Sie gefragt, ob Sie es in „Banane“ ändern möchten. Sie können auch „Banane“ zum Wörterbuch des Prüfers hinzufügen.

32. Path Intellisense

Dateinamen automatisch vervollständigen

Offizielle Übersicht: VSCode Rainbow Fart

ist eine Erweiterung, die Sie beim Programmieren weiterhin lobt Stimmen aus dem wirklichen Leben, die basierend auf den Schlüsselwörtern des Codes der Bedeutung des Codes nahe kommen.

34. Beliebige Regel

Sie können reguläre Ausdrücke schnell in vscode verwenden, ohne Du Niang zu verwenden!

35. ## Todo Tree

Todo Tree ist ein Plug-in, das To-Do-Ereignisse am Anfang des Codekommentars auffordert und der gesamte Kommentar hervorgehoben wird. Projektbaum

Dies ist ein Plug-in, das automatisch eine Projektstruktur generiert.

Weitere Programmierkenntnisse finden Sie unter: //TODOEinführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt von36 häufig verwendete Front-End-Plug-Ins in vscode, direkt suchen und herunterladen!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!