Einführung
Erweiterungen sind im Allgemeinen nützliche Werkzeuge für Entwickler, die die Funktionalität einer Programmiersprache oder Anwendung über den Standardumfang hinaus erweitern möchten. Sie helfen dabei, neue Funktionen hinzuzufügen, das Verhalten der Sprache oder Anwendung anzupassen und den Entwicklungsablauf zu optimieren.
Einstellungen synchronisieren
Bevor Sie wahllos Plugins installieren, sollten Sie die Einstellungssynchronisierung kennen. Damit können Sie nahezu alle Ihre VSCode-Anpassungen – von Einstellungen über Tastenkombinationen bis hin zu anderen VSCode-Erweiterungen – mit GitHub synchronisieren. So müssen Sie auf neuen Geräten nicht mehr in der Standard-VSCode-Umgebung programmieren oder alles manuell neu einrichten, sondern haben von jedem beliebigen Gerät aus Zugriff auf Ihre bevorzugte IDE.
Live-Server
Dieses VSCode-Plugin ist bei vielen Softwareentwicklern sehr beliebt. Live Server richtet einen lokalen Entwicklungsserver mit Live-Neuladen für statische und dynamische Seiten ein. Jedes Mal, wenn Sie Ihren Code speichern, werden die Änderungen sofort im Browser angezeigt. So erkennen Sie Fehler viel schneller und können viel einfacher mit Ihrem Code experimentieren.
Remote – SSH
Die Remote-SSH-Erweiterung ermöglicht die Nutzung beliebiger Remote-Rechner mit SSH-Server als Entwicklungsumgebung. Dies vereinfacht die Entwicklung und/oder Fehlersuche in verschiedenen Szenarien erheblich. Sie benötigen außerdem keinen Quellcode auf Ihrem lokalen Rechner, da die Erweiterung Befehle und andere Komponenten direkt auf dem Remote-Rechner ausführt.
Hübscher
Prettier ist ein Code-Formatter, der sich besonders für Projekte eignet, an denen mehrere Personen arbeiten, da die Erweiterung einen einheitlichen Stil anwendet. Sie können Prettier so einstellen, dass Ihr Code bei jedem Speichern formatiert wird, wodurch sich der Zeitaufwand für die Formatierung deutlich reduziert.
GitHub Copilot
Manche bezeichnen GitHub Copilot als Revolution in der Programmierung, andere als nützliches Werkzeug. Wie auch immer man dazu steht, die KI-gestützte Codevervollständigung ist eine sinnvolle Integration in den Arbeitsablauf. GitHub Copilot basiert auf GPT-3 und bietet Codevorschläge, vervollständigt Code automatisch und kann sogar beim Schreiben von Code helfen, wenn Kommentare in natürlicher Sprache hinzugefügt werden.
Tag automatisch umbenennen
Während VSCode automatisch übereinstimmende Tags hervorhebt und schließende Tags hinzufügt, sobald Sie einen öffnenden Tag eingeben, benennt Auto Tag Rename Tags automatisch um, sobald Sie sie ändern. Diese Erweiterung funktioniert für HTML, XML, PHP und JavaScript und macht das doppelte Umbenennen von Tags überflüssig.
GitLens
GitLens erweitert die Git-Funktionen von Visual Studio Code. Dieses leistungsstarke Plugin zeigt Ihnen unter anderem, wer, warum und wie Codezeilen im Laufe der Zeit geändert wurden. GitLens ist hochgradig anpassbar. Sollten Ihnen bestimmte Einstellungen nicht zusagen, können Sie diese in den Einstellungen einfach deaktivieren.
Git-Verlauf
Ähnlich wie GitLens ist Git History eine VSCode-Erweiterung, die das Git-Log visuell darstellt. Das lästige Durchsuchen des Git-Logs im Terminal gehört damit der Vergangenheit an. Die Erweiterung ist sehr umfangreich und ermöglicht den Vergleich von Branches, Commits und Dateien über verschiedene Commits hinweg. Auch die Suche nach GitHub-Avataren ist eine praktische Funktion.
CSS-Einblick
Dieses Plugin ist für Frontend-Entwickler unverzichtbar. Inspiriert von einer ähnlichen Funktion in der IDE Brackets, ermöglicht CSS Peek das Erweitern von HTML- und JS-Dateien, um CSS/SCSS/LESS-Code im Quellcode anzuzeigen. Außerdem können Sie so schnell zum entsprechenden CSS-Code springen, wenn Sie den Klassennamen oder die ID kennen.
JavaScript-Code-Snippets
VS Code bietet zwar integrierte JS-IntelliSense-Funktionen, JS Code Snippets erweitert diese jedoch um Import-/Export-Trigger, Klassen- und Methoden-Trigger. Die Erweiterung unterstützt JS, TypeScript, JS React, TS React, HTML und VUE. Code-Snippets für weitere Frameworks wie Angular sind im VS Code Marketplace verfügbar.
