87 VIEWS

It’s #FrontendFriday – Visual Studio Code Plugins Teil II

12.06.2020

In diesem Blog-Beitrag stellen wir euch nützliche Plugins für Visual Studio Code vor. Hierzu gab es bereits einen Blogbeitrag in welchem bereits einige Extensions vorgestellt wurden wie beispielsweise „Live Server“ oder „Prettier“.

 

Das Ziel von Extensions ist es, die Entwicklung im Projektalltag zu erleichtern. Durch Erweiterungen kann die Code-Qualität verbessert und die Entwicklungsgeschwindigkeit erhöht werden. Nicht jede Erweiterung ist für jedermann sinnvoll. Allerdings findet sich unter den folgenden Extension sicherlich für den einen oder anderen etwas nützliches.

 

Live Share    

Live Share ist insbesondere in Zeiten von Mobile- und Home-Office sehr hilfreich. Mit dieser Erweiterung kann der Quell-Code live auf einem 2 Rechner geteilt und auch compiliert werden. Somit kann man zu zweit Code reviewn oder sich auf Fehlersuche begeben. Auch Pair Programming ist dadurch selbst in Zeiten von Corona weiterhin möglich. [1]

 

Better Comments           

Kommentare können für verschiedene Situationen verwendet werden. Man kann auf Todos, Unklarheiten oder Bugs aufmerksam machen oder einfach nur einen Code-Abschnitt erläutern. Mit dem Plugin „Better Comments“ können verschiedenen Arten von Kommentaren hervorgehoben werden. Somit kann sich der Nutzer zwischen zahlreichen Kommentaren besser zurechtfinden. [2]

 

PlantUML

Mit PlantUML kann auf Basis des geschriebenen Codes ein UML-Diagramm generiert und exportiert werden. So können beispielsweise Use-Case-Diagramme erstellt werden, welche für Dokumentationen etc. verwendet werden können. [3]

 

Bracket Pair Colorizer

Mit Bracket Pari Colorizer werden zusammengehörige Klammern farblich gekennzeichnet und mit einem Klick auf die Klammer wird seitlich der betroffene Bereich gekennzeichnet. Diese Plugin hat nach meiner Ansicht Vor- und Nachteile. Bei umfangreichen Funktion wird der Code sehr bunt, allerdings kann diese Erweiterung bei der Suche nach Syntaxfehlern sehr hilfreich sein. [4]

 

Git Lens

Git Lens ist eine sehr umfangreiche Erweiterung. Eine der nützlichsten Funktionen von Git Lens ist jedoch, dass Zeile für Zeile jederzeit einsehbar ist wann diese zuletzt geändert wurde und von wem. Des Weiteren bietet Git Lens zahlreiche weitere Funktionen unter anderem sämtliche Git-Aktionen. [5, 6]

 

Installation

Installiert werden können die Erweiterungen über den VS Marketplace welcher in der Regel in der linken Taskleiste zu finden ist.

 

Die Webfrontend-AG wünscht euch einen schönen Start ins Wochenende! :)

 

Quellen:

Live Share [1]

Better Comments [2]

Pant UML [3]

Bracket Pair Colorizer [4]

Git Lens [5, 6]

Zurück zur Übersicht

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

*Pflichtfelder

*

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.