Meine Top VSCode Extensions 2021
Die Extensions für Visual Studio Code Superkräfte
Was sind Visual Studio Code Superkräfte?
Im Grunde sind sie eine Möglichkeit, um produktiver zu sein.
Ich spreche regelmäßig mit vielen Entwicklern darüber, wie sie ständig Neues lernen und ihre Fähigkeiten und Produktivität immer weiter verbessern.
Dies ist eine beliebte Frage in Vorstellungsgesprächen, da die meisten Arbeitgeber dazu neigen, Entwickler zu bevorzugen, die ihre Fähigkeiten kontinuierlich erweitern. Die Beherrschung der genutzten IDE ist daher eine wichtige Investition in die berufliche Zukunft.
Ein weiterer Grund ist, dass sie ganz einfach Zeit sparen. Wenn man in die Verbesserung des Workflows investiert, kann sich dies durch höhere Produktivität und vor allem mehr Zeit für andere Dinge auszahlen.
Heute werden wir uns dazu meine VSCode Extensions ansehen.
Ich zeige Ihnen, welche Sie nutzen können um Ihre eigenen Superkräfte zu aktivieren!
Aufwand vs. Zeitersparnis
Entwickler versuchen häufig, Aufgaben zu optimieren, die sie mehrfach ausführen müssen. Diese Automatisierung wird aber oft umgesetzt, ohne den Aufwand für die Optimierung mit zu betrachten. Denn dieser kann viel länger sein, als die Zeitersparnis bei der Durchführung der Aufgabe, auch wenn sie durchaus lästig sein kann.
Dieses einfache Diagramm versucht die Korrelation zwischen Aufwand und Zeitersparnis zu verdeutlichen.
Ein einfaches Beispiel: Wenn wir jede Woche die neuesten Kundeninformationen auf einem Backup-Server speichern müssen und dabei 1 Minute benötigen — so darf uns die Implementierung eines automatischen Backup Scripts nicht mehr als 4 Stunden kosten.
Denn nach 5 Jahren hätten wir damit ca. 4 Stunden gespart.
Die Beispiel Rechnung:
5 Jahre * 1 Mal die Woche = 260 Mal
260 Mal * 1 Minute Ersparnis = 260 Minuten = 4,3 Stunden
Deswegen ist es wichtig vorher immer zu schauen inwiefern sich die Automatisierung des Workflows lohnt.
1. Prettier
Prettier ist eine hervorragende Extension für VSC, die sich alleine auf das Formatieren unseres Programm-Codes fokussiert. Dabei betrachtet die Extension die Konfigurationen bezüglich Länge, Sprache, Tabs, Semikolons und viele weitere. Mit Hilfe dieser Superkraft sorge ich in sämtlichen meiner Projekte für übersichtlichen und lesbaren Code. Dadurch kann mich auf die Inhalte besser konzentrieren und mir entgehen weniger Fehler.
2. Spell Checker
Der Spell Checker hilft unheimlich dabei keine Rechtschreibfehler zu machen. So banal es auch klingt, guter Code ist verständlicher Code. Genauso wie mich ein Fehler in einem Buch stutzig macht, so sind auch im Quellcode solche Fehler zu vermeiden. Zusätzlich hilft die Extension dabei Test Files zu korrigieren, sodass sich auch QA durch die Anforderungen navigieren kann.
3. Debugger für Chrome
Mit Hilfe des Debuggers können wir unseren Code testen. Durch diese Extension kriegen wir alle Vorteile modernen Debuggings in Chrome direkt in unser Visual Studio Code. In meiner täglichen Arbeit, kann ich so genau bestimmte Codestellen und den Daten Stand der Anwendung überprüfen.
An alle die noch an Logging gewöhnt sind— holt euch diese Superkraft!
4. Gitlens
Wer im Team arbeitet und git nutzt, weiss wie wichtig ein guter git flow ist.
Die git CLI bietet zwar alle Funktionalitäten, aber tippen wenn es nicht sein muss — ist wohl eher Zeitverschwendung und auch sehr fehleranfällig.
Mit Gitlens holen wir uns eine Superkraft ins Team, die unsere Produktivität stark verbessert. Egal ob commits, file historie, branches, remote origins oder stashing. Alle täglichen git Befehle werden durch Gitlens unterstützt und mit weniger Klicks zugängig gemacht. Ganz klar eine Superkraft!
5. Docker
Wer Docker gerne nutzt, weiß wie toll es ist Anwendungen mit virtuellen Containern zu starten. Doch wenn man gleichzeitig etwas am Code macht, dann können die vielen Programme, die man zusätzlich noch offen hat, einem schnell die Übersicht nehmen. Docker Desktop ist eines davon. Container stoppen, neu starten, beobachten, das ganze wird schnell unübersichtlich.
Mit Docker für VSC holen wir uns die Kraft der Kontrolle und können bequem aus Visual Studio Code heraus, unsere Docker Container steuern und beobachten.
6. Auto Close Tag
Wer viel HTML nutzt, der weiß wie wichtig Tag Struktur ist. Diese 3 Zeichen “</>” können entscheidend für die Struktur sein und einen Test fehlschlagen lassen. Mit Auto Close Tag müssen wir uns als Entwickler nicht mehr darum kümmern Tags korrekt zu schließen. Das macht die Extension für uns. Damit entkommen wir dem fehleranfälligen Zeichen setzen und können uns ganz auf die Definition der notwendigen Elemente fokussieren.
Schlusswort
Es gibt tatsächlich Superkräfte! Wenn wir sie richtig einsetzen, können wir unsere Produktivität deutlich erhöhen. Als gute Entwickler versuchen wir immer auf Ineffizienzen zu achten und diese mit Hilfe der Informatik zu mindern. Natürlich sollten wir dabei immer schauen, dass wir Aufwand vs. Zeitersparnis im Auge behalten.
Meine Lösung für Produktivitätsengpässe dürfte den meisten Entwicklern bekannt sein: Notieren und nach Lösungen suchen. Jedes Mal, wenn ich bemerke, dass mich etwas bremst oder mir ein Prozess als lästig erscheint, schreibe ich ihn mir auf. Immer wenn ich dann etwas Zeit habe, versuche ich, eine bereits bestehende Lösung dafür zu finden. Wenn mir dies nicht gelingt, tausche ich mich mit anderen dazu aus. Wir schauen dann immer gemeinsam, ob es sich lohnt zu automatisieren. Denn vier Augen sehen bekanntlich mehr als zwei!
