9 Visual Studio-Codeerweiterungen, die die Programmierung noch einfacher machen

9 Visual Studio-Codeerweiterungen, die die Programmierung noch einfacher machen

Der Visual Studio-Code von Microsoft ist einer der besten kostenlosen Texteditoren ab sofort verfügbar. Es kombiniert einen vollen Funktionsumfang mit relativer Benutzerfreundlichkeit und die Leistung ist für eine Electron-App überraschend gut. Einer der Gründe, warum die Leute es lieben, ist, abgesehen von den Gründen, seine Erweiterbarkeit.





Wie viele andere beliebte Texteditoren bietet Visual Studio Code eine Vielzahl von Erweiterungen, um das Verhalten anzupassen. Diese können die Funktionsweise und das Gefühl von Visual Studio Code massiv verändern, wie z. B. das Hinzufügen von Tastenkombinationen im Vim- oder Emacs-Stil. Mit dieser Liste haben wir nur einige unserer Favoriten zusammengestellt.





So installieren Sie Visual Studio-Codeerweiterungen

Falls Sie nicht vertraut sind, ist es einfach, Erweiterungen in Visual Studio Code zu installieren. Drücke den Erweiterungen Symbol auf der linken Seite des Bildschirms. Es ist das fünfte Symbol unten, direkt unter dem Debug-Symbol.





Geben Sie nun einfach den Namen oder einen Teil des Namens der Erweiterung ein, die Sie installieren möchten. Klicken Sie auf den Namen, um die Übersicht der Erweiterung zu lesen, und klicken Sie dann auf das Installieren Symbol, um es zu installieren.

1. Visual Studio IntelliCode

Entwickelt von Microsoft DevLabs, Visual Studio IntelliCode ist eine Erweiterung, die künstliche Intelligenz nutzt, um Ihnen beim Programmieren zu helfen. Die Erweiterung unterstützt derzeit Python, JavaScript/TypeScript und Java.



Android-Handy vom PC über das Internet steuern

Wenn Sie Intellisense bereits in Visual Studio oder Visual Studio Code verwendet haben, wissen Sie, was Sie erwartet. Der Unterschied besteht darin, dass dies im Wesentlichen eine noch intelligentere Interpretation dieser Idee ist.

Diese Erweiterung befindet sich noch in den Anfängen der Entwicklung und ist bereits beeindruckend. Sobald es etwas mehr Zeit in der Entwicklung hatte, können Sie dies sogar direkt in Visual Studio Code integriert sehen.





2. Einstellungen synchronisieren

Die meisten Leute, die regelmäßig einen Texteditor verwenden, nehmen zumindest ein paar Anpassungen an seinen Einstellungen vor. Viele Menschen gehen sogar noch weiter und passen es an ihren persönlichen Arbeitsstil an. Wenn Sie häufig an mehr als einer Maschine arbeiten, kann es frustrierend sein, diese Anpassungen ständig von Hand vorzunehmen.

Einstellungen synchronisieren zielt darauf ab, dieses Problem zu lösen. Mit einem einfachen GitHub-Gist synchronisiert Settings Sync Ihre Einstellungen. Dies schließt andere Erweiterungen und deren Konfigurationen ein, sodass Ihre gesamte Konfiguration portabel ist. Nehmen Sie einige Änderungen auf einem Computer vor, synchronisieren Sie Ihre Einstellungen, und Sie können sie problemlos auf anderen Computern synchronisieren.





Es dauert ein paar Minuten, die Einstellungssynchronisierung einzurichten, dann müssen Sie nicht noch einmal darüber nachdenken. Anweisungen zum Einrichten finden Sie über die Erweiterungsübersicht in Visual Studio Code.

3. Pfad Intellisense

Wenn Sie Visual Studio Code verwenden, um persönliche oder Systemkonfigurationsdateien zu bearbeiten, Pfad Intellisense kann ein Lebensretter sein. Kurz gesagt, die Erweiterung fügt Dateinamen eine Vervollständigung im Intellisense-Stil hinzu, sodass Sie lange Pfadnamen einfach eingeben können, ohne sie in den Speicher übernehmen zu müssen.

Dies ist eine relativ einfache Erweiterung, die jedoch einige Konfigurationsoptionen bietet. Sie können wählen, ob beispielsweise nach Verzeichnisnamen ein Schrägstrich eingefügt werden soll oder nicht. Andere Optionen umfassen das Einschließen von Dateinamen in Importanweisungen und die Möglichkeit, bestimmte Dateitypen zu ignorieren.

4. Aufgaben-Explorer

Die Aufgaben-Explorer -Erweiterung fügt Visual Studio Code Funktionen zum Ausführen von Aufgaben im IDE-Stil hinzu. Dies umfasst hauptsächlich Build-Aufgaben für Ihr aktuelles Projekt, kann aber auch Bash, Python und andere Skripte umfassen.

Task Explorer unterstützt eine ganze Reihe von Standard-Build-Tools. Dazu gehören NPM, Grunt, Gulp, Ant, Make und Visual Studio Code selbst. Die Erweiterung ist anpassbar, sodass Sie den Pfad zu jedem Task-Runner und jeder Skriptsprache anpassen können. Dies ist praktisch, wenn Sie mehrere Versionen installiert haben und eine bestimmte Version verwenden möchten.

5. GoLens

Visual Studio Code bietet Git-Integration out of the box, wie wir bereits erwähnt haben, so dass Sie diese Erweiterung möglicherweise nicht unbedingt benötigen. Das gesagt, GoLens fügt mehrere Funktionen hinzu, die Ihnen helfen, den Git-Verlauf Ihres Projekts zu visualisieren, zu navigieren und zu verstehen.

GitLens fügt unter anderem eine leistungsstarke Split-Diff-Ansicht hinzu, mit der Sie den Unterschied zwischen Commits und Branches leicht visualisieren können. Mit der Erweiterung können Sie auch den Commit-Verlauf eines Projekts durchsuchen, nach Autor, Dateien, Commit-Nachricht und mehr suchen.

Zu den weiteren Funktionen gehört eine Heatmap in der Visual Studio Code-Rinne, mit der Sie leicht sehen können, wo die meiste Arbeit in einer bestimmten Datei stattfindet. Unterm Strich sollten Sie dieses Plugin zumindest ausprobieren, wenn Sie sich stark auf Git verlassen.

Können Sie gelöschte Facebook-Nachrichten wiederherstellen?

6. Hübscher

Wenn Sie ein Frontend-Entwickler sind und vor allem einem Styleguide folgen müssen, Schöner könnte dein neuer bester Freund sein. Die Prettier-Erweiterung formatiert JavaScript, TypeScript und CSS automatisch mit dem gleichnamigen Codeformatierungstool.

Prettier nimmt den Code, den Sie schreiben, und schreibt ihn für Sie neu, wobei er strenge Formatierungsrichtlinien befolgt. Die Erweiterung ist 'Meinungsorientiert', d. h. sie trifft mehrere Entscheidungen selbst, aber Sie können die Erweiterung mit den Tools eslint oder tslint verwenden, um sicherzustellen, dass sie Ihrer eigenen Linting-Konfiguration folgt.

7. Bracket-Paar-Colorizer

Bracket-Paar-Colorizer ist ein Plugin, das mit seinem Namen gut beschrieben wird. Es färbt automatisch bestimmte Zeichen ein, um Ihnen zu helfen, zu erkennen, wie tief ein bestimmter Codeabschnitt verschachtelt ist. Mehrere Sprachen werden standardmäßig unterstützt, so viele, dass es fast sicher ist, dass Ihre bevorzugte Sprache unterstützt wird.

Standardmäßig,

()

,

[]

, und

{}

übereinstimmen, aber Sie können auch andere Klammerzeichen definieren, die abgeglichen werden sollen. Diese Arten von Plugins sind in der Regel sehr polarisierend, aber wenn Sie sich nicht sicher sind, ob Sie es möchten oder nicht, probieren Sie Bracket Pair Colorizer aus.

8. Codezeit

Haben Sie sich jemals gefragt, wie viele Stunden Sie pro Woche in Ihrem Texteditor verbringen? Wie wäre es mit der besten Tages- oder Wochenzeit für eine optimale Programmierung? Wenn Sie sich jemals über diese oder andere Metriken gewundert haben, Codezeit ist für Sie.

Code Time misst Ihre Aktivität in Visual Studio Code und berichtet Ihnen über die oben genannten Aktivitäten sowie über andere Metriken. In der Statusleiste werden Echtzeit-Metriken angezeigt, und es gibt ein Dashboard im Editor für eine bessere Übersicht.

Sie können Code Time so einstellen, dass Ihnen ein wöchentlicher E-Mail-Bericht zugesendet wird, während Sie durch die Google Kalender-Integration automatisch Zeit für Ihre besten Programmierzeiten reservieren können, damit sie nicht durch Besprechungen ruiniert werden.

9. REST-Client

Unabhängig davon, ob Sie ein Front-End-Webentwickler sind oder jemand, der die meiste Zeit auf dem Server verbringt, sind Sie wahrscheinlich auf Fälle gestoßen, in denen Sie eine REST-API testen mussten. Es gibt Browser-Plugins dafür und viele andere Tools, aber wenn Sie die meiste Zeit in einem Texteditor verbringen, warum haben Sie dann nicht den Client dort, wo Sie sich am wohlsten fühlen?

Dies ist eine relativ einfache Erweiterung, die tut, was sie verspricht. Sie können ganz einfach HTTP-Anfragen senden sowie cURL-Befehle senden. Für die Authentifizierung unterstützt die Erweiterung die Basisauthentifizierung, Digestauthentifizierung, SSL-Clientzertifikate und mehr.

Seien Sie produktiver in Visual Studio Code

Diese Erweiterungen sind nur der Anfang, insbesondere wenn Sie noch nicht mit Visual Studio Code vertraut sind. Erstens gibt es viele weitere Erweiterungen. In den meisten Fällen haben wir gezielt auf sprachspezifische Erweiterungen verzichtet, aber viele davon sind verfügbar. Unabhängig davon, ob Sie in JavaScript, C++, Go oder einer anderen Sprache programmieren, finden Sie Erweiterungen, die Ihnen die Arbeit erleichtern.

Es gibt auch viele weitere Möglichkeiten, um in Visual Studio Code schneller mehr zu erledigen. Um Ihnen den Einstieg zu erleichtern, haben wir eine Liste mit wichtigen Tipps zusammengestellt, die Sie in Visual Studio Code produktiver machen.

Teilen Teilen Tweet Email Löschen Sie diese Windows-Dateien und -Ordner, um Speicherplatz freizugeben

Müssen Sie Speicherplatz auf Ihrem Windows-Computer freigeben? Hier sind die Windows-Dateien und -Ordner, die sicher gelöscht werden können, um Speicherplatz freizugeben.

Weiter lesen
Verwandte Themen
  • Programmierung
  • Visual Studio-Code
Über den Autor Kris Wouk(118 veröffentlichte Artikel)

Kris Wouk ist Musiker, Autor und wie auch immer es heißt, wenn jemand Videos für das Web macht. Er ist Technik-Enthusiast, seit er sich erinnern kann, hat definitiv Lieblingsbetriebssysteme und -geräte, nutzt aber trotzdem so viele andere wie möglich, um auf dem Laufenden zu bleiben.

Wii-u-Gamepad mit PC verbinden
Mehr von Kris Wouk

Abonniere unseren Newsletter

Abonnieren Sie unseren Newsletter für technische Tipps, Rezensionen, kostenlose E-Books und exklusive Angebote!

Klicken Sie hier, um zu abonnieren