It’s #FrontendFriday – Visual Studio Code Plugins Teil II
In diesem Blog-Beitrag stellen wir euch nützliche Plugins für Visual Studio Code vor. Hierzu gab es bereits einen Blogbeitrag, in welchem schon 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 Quellcode live auf einem 2 Rechner geteilt und auch compiliert werden. Somit kann man zu zweit Code reviewen 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 Pair Colorizer werden zusammengehörige Klammern farblich gekennzeichnet und mit einem Klick auf die Klammer wird seitlich der betroffene Bereich gekennzeichnet. Dieses 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]
