Artikel aktualisiert am 25.02.2019

Ich hab ja schon einige Code Editoren benutzt. Von Dream Weaver, Notepad+, Textmate, Atom, Brackets und bin dann lange bei Sublime hängen geblieben. Jetzt bin ich aber auf Visual Studio Code umgestiegen. Warum? Weil es dafür unzählige Erweiterungen und Themes gibt wie auch bei Sublime. Und der wichtigste Grund ist, er ist schnell UND gratis.

  1. Auto Close Tag
  2. Auto Rename Tag
  3. Highlight Matching Tag
  4. IntelliSense for CSS class names in HTML
  5. Bracket Pair Colorizer
  6. HTMLHint
  7. Beautify
  8. ACF-Snippet
  9. WordPress Snippet

Bonus: Monokai Theme

 

Hier die Erklärung zu den einzelnen Erweiterungen:

Auto Close Tag

Wie der Name schon sagt, fügt er automatisch die schließenden Tags hinzu.

Die 10 besten Visual Studio Code Erweiterungen 1


Auto Rename Tag

Benennt auch das dazu passende Tag um.

Die 10 besten Visual Studio Code Erweiterungen 2


Highlight Matching Tag

Zeigt das dazugehörige öffnende und schließende Tag an

Die 10 besten Visual Studio Code Erweiterungen 3


IntelliSense for CSS class names in HTML

Automatische Vervollständigung für Klassen Namen in HTML

Die 10 besten Visual Studio Code Erweiterungen 4


Bracket Pair Colorizer

Zeigt die passenden öffnenden und schließenden Klammern in verschiedenen Farben an

Die 10 besten Visual Studio Code Erweiterungen 5


HTMLHint

Analysiert HTML auf Fehler und zeigt diese an.

Die 10 besten Visual Studio Code Erweiterungen 6


Beautify

„Verschönert“- Formatiert HTML & CSS Files. Rückt alle Zeilen richtig ein und macht den Code lesbarer.


ACF-Snippet

Snippets für Advanced Custom Fields


WordPress Snippet

WordPress Snippets für Visual Studio

(a collection of WordPress snippets and autocompletions for Visual Studio Code)


PHP IntelliSense

Hilft bei der PHP Programmierung

Advanced PHP IntelliSense for Visual Studio Code.

Die 10 besten Visual Studio Code Erweiterungen 7