Teilen Sie:
){kind=small}
Nahrin war Developer Educator bei Vonage. Ihre Leidenschaft gilt dem Aufbau inklusiver Gemeinschaften, der Erfüllung realer Bedürfnisse mit pragmatischen Softwarelösungen und der Erstellung technischer Inhalte, die für alle Kenntnisstufen zugänglich sind.
Visual Studio Code-Erweiterungen zur Steigerung der Produktivität im Jahr 2021
Lesedauer: 3 Minuten
Visual Studio Code ist ein einfacher, aber äußerst erweiterbarer Code-Editor. Als Entwickler verbringen wir hier viel Zeit. Deshalb ist es so wichtig, das Beste aus unseren Editoren herauszuholen und sie zu rationalisieren und zu automatisieren, wo es möglich ist.
Zu Beginn des Jahres 2021 habe ich eine Liste von Erweiterungen zusammengestellt, die ich persönlich täglich verwende, in der Hoffnung, dass sie Ihnen helfen, in diesem Jahr Zeit zu sparen und Ihre Produktivität zu steigern. Beachten Sie, dass die unten hervorgehobenen Erweiterungen zwar für alle Sprachen geeignet sind, es aber auch sprachspezifische Plugins gibt, die es wert sind, entdeckt zu werden.
Öffnen Sie Ihren Visual Studio Code.
Klicken Sie auf die markierte Schaltfläche auf der linken Seite des Fensters.
Geben Sie in das Feld "Erweiterungen suchen" den Namen der Erweiterung ein, die Sie herunterladen möchten.
Wählen Sie das richtige Suchergebnis und klicken Sie auf "Installieren".
Mit Bracket Pair Colorizer 2 können übereinstimmende Klammern mit Farben gekennzeichnet werden. Der Benutzer kann festlegen, welche Token übereinstimmen sollen und welche Farben verwendet werden sollen.
Bracket Pair Colorizer 2
Mit Remote Containers können Sie einen Docker-Container als voll funktionsfähige Entwicklungsumgebung verwenden. Unabhängig davon, ob Sie mit Containern arbeiten oder nicht, sind Container eine großartige Entwicklungsumgebung, denn Sie können:
Entwickeln Sie mit einer konsistenten, leicht reproduzierbaren Toolchain auf demselben Betriebssystem, auf dem Sie auch implementieren.
Wechseln Sie schnell zwischen verschiedenen, isolierten Entwicklungsumgebungen und nehmen Sie sicher Aktualisierungen vor, ohne sich Gedanken über die Auswirkungen auf Ihren lokalen Rechner zu machen.
Erleichtern Sie neuen Teammitgliedern/Beitragenden den Einstieg in eine einheitliche Entwicklungsumgebung.
Probieren Sie neue Technologien aus oder klonen Sie eine Kopie einer Codebasis, ohne Ihre lokale Einrichtung zu beeinträchtigen.
Remote Containers
Import Cost zeigt die Größe des importierten Pakets inline im Editor an. Die Erweiterung nutzt Webpack mit dem babili-webpack-plugin, um die importierte Größe zu erkennen.
Path Intellisense hilft bei der automatischen Vervollständigung von Dateinamen. Diese Erweiterung unterstützt Entwickler dabei, Dateipfade mit Genauigkeit zu definieren.
Path Intellisense
Live Share bietet Ihnen die Möglichkeit, gemeinsam zu editieren, zu debuggen, ein Audiogespräch zu führen, mit Ihren Kollegen zu chatten, Terminals und Server gemeinsam zu nutzen, Kommentare einzusehen und vieles mehr.
Peacock ändert dezent die Farbe Ihres Visual Studio Code-Arbeitsbereichs. Es ist nützlich, wenn Sie mehrere VS Code-Instanzen haben, VS Live Share verwenden oder die Remote-Funktionen von VS Code nutzen und Sie Ihren Editor schnell identifizieren möchten.
Peacock
Prettier ist ein eigenwilliger Code-Formatierer. Es erzwingt einen konsistenten Stil, indem es Ihren Code analysiert und ihn mit seinen eigenen Regeln neu ausgibt, die die maximale Zeilenlänge berücksichtigen und den Code bei Bedarf umbrechen.
Quokka.js ist ein Produktivitätswerkzeug für Entwickler zum schnellen Prototyping von JavaScript/TypeScript. Laufzeitwerte werden aktualisiert und in Ihrer IDE neben Ihrem Code angezeigt, während Sie tippen.
Quokka
Better Comments hilft Ihnen bei der Erstellung von menschenfreundlichen Kommentaren in Ihrem Code. Mit dieser Erweiterung werden Sie in der Lage sein, Ihre Anmerkungen zu kategorisieren:
Warnungen
Abfragen
TODOs
Höhepunkte
Auskommentierter Code kann auch so gestaltet werden, dass deutlich wird, dass der Code dort nicht sein sollte.
Alle anderen gewünschten Kommentarstile können in den Einstellungen festgelegt werden
Better comments
Settings Sync synchronisiert Einstellungen, Snippets, Themen, Dateisymbole, Start, Tastenkombinationen, Arbeitsbereiche und Erweiterungen über mehrere Rechner mit GitHub Gist.
Remote - Mit SSH können Sie jeden entfernten Rechner mit einem SSH-Server als Entwicklungsumgebung verwenden. Dies kann die Entwicklung und Fehlersuche in einer Vielzahl von Situationen erheblich vereinfachen. Sie können:
Entwickeln Sie auf demselben Betriebssystem, auf dem Sie die Software bereitstellen, oder verwenden Sie größere, schnellere oder speziellere Hardware als Ihren lokalen Rechner.
Wechseln Sie schnell zwischen verschiedenen, entfernten Entwicklungsumgebungen und nehmen Sie sicher Aktualisierungen vor, ohne sich Gedanken über die Auswirkungen auf Ihren lokalen Rechner zu machen.
Zugriff auf eine bestehende Entwicklungsumgebung von mehreren Rechnern oder Standorten aus.
Debuggen einer Anwendung, die an einem anderen Ort läuft, z. B. bei einem Kunden oder in der Cloud.
Um diese Vorteile zu nutzen, muss sich kein Quellcode auf Ihrem lokalen Rechner befinden, da die Erweiterung Befehle und andere Erweiterungen direkt auf dem entfernten Rechner ausführt. Sie können jeden beliebigen Ordner auf dem entfernten Rechner öffnen und damit arbeiten, als befände sich der Ordner auf Ihrem Rechner.
Remote SSH
Diese letzte Erweiterung macht Spaß: Erstellen Sie ein Polaroid für Ihren Code! Wenn Sie vorhaben, einen Screenshot Ihres Codes zu machen, um ihn auf Twitter oder in einem Blogbeitrag zu teilen, empfehle ich Ihnen, dieses Tool zu verwenden, um ein ästhetisch ansprechenderes Ergebnis zu erzielen.
Polacode
Damit ist meine Liste der meistgenutzten Erweiterungen abgeschlossen! Ich hoffe, Sie haben eine gefunden, die Ihre Entwicklerproduktivität in diesem Jahr verbessern wird. Was sind Ihre Lieblings-VS-Code-Erweiterungen, die Ihnen bei der Entwicklung helfen? Bitte teilen Sie sie in den Kommentaren mit oder lassen Sie es mich wissen auf Twitter!