Top-Erweiterung Visual Studio Code erleichtert die Programmierung

Der Visual Studio Code von Microsoft ist einer der besten kostenlosen Code-Editoren, die derzeit verfügbar sind. Es bietet eine benutzerfreundliche Programmierung und eine großartige Entwicklung der Electron-App. Zusätzlich zu den oben genannten Gründen wird Visual Studio Code auch wegen seiner unglaublichen Skalierbarkeit geliebt.

Wie viele andere gängige Codebearbeitungssoftware verfügt Visual Studio Code über eine Reihe von Erweiterungen, mit denen die Funktionen angepasst werden können. Sie können die Funktionsweise von Visual Studio Code ändern, z. B. das Hinzufügen von Vim- oder Emacs-Tastenkombinationen. Hier finden Sie die beste Visual Studio Code-Erweiterung und deren Installation.

Visual Studio-Code Visual Studio-Code für Mac

So installieren Sie die Visual Studio Code-Erweiterung

Es ist einfach, Visual Studio Code mit wenigen Mausklicks zu installieren. Klicken Sie links auf dem Bildschirm auf das Erweiterungssymbol - an der 5. Stelle von oben rechts unter dem Debug-Symbol.

Geben Sie nun den Namen oder einen Teil der Erweiterung ein, die Sie installieren möchten. Klicken Sie auf den Namen, um die Einführung zur Erweiterung zu lesen, und klicken Sie dann auf das Installationssymbol, um die Installation durchzuführen.

1. Visual Studio IntelliCode

Visual Studio IntelliCode wurde von Microsoft DevLabs entwickelt und ist eine Erweiterung, die künstliche Intelligenz für die Codeentwicklung verbessert. Dieses Dienstprogramm unterstützt derzeit Python, JavaScript / TypeScript und Java.

Wenn Sie Intellisense jemals in Visual Studio oder Visual Studio Code verwendet haben, haben Sie diese Funktion wahrscheinlich verwendet, und sie ist in Visual Studio IntelliCode noch intelligenter.

Visual Studio IntelliCode befindet sich noch in einem frühen Entwicklungsstadium und hat einen starken Eindruck hinterlassen. In Zukunft wird es wahrscheinlich in Visual Studio Code integriert sein.

2. Einstellungen synchronisieren

Die meisten Programmierer optimieren mindestens einige Einstellungen in der Codebearbeitungssoftware. Viele Menschen gehen sogar noch tiefer und passen es an ihren persönlichen Arbeitsstil an. Wenn Sie an mehreren Geräten arbeiten müssen, ist es ärgerlich, die Einstellungen manuell anzupassen, nicht wahr?

Mit Settings Sync können Sie dieses Problem beheben. Mit einem einfachen GitHub Gist synchronisiert Settings Sync problemlos Einstellungen, einschließlich anderer Erweiterungen und deren Konfigurationen. Nehmen Sie einfach Änderungen an einem Gerät vor, synchronisieren Sie die Einstellungen und Sie können sie problemlos auf alle anderen Geräte übertragen.

Die Installation der Synchronisierungseinstellungen dauert einige Minuten. Dann müssen Sie nicht mehr darüber nachdenken. Anweisungen zum Installieren dieses Dienstprogramms finden Sie in der Einführung in die Erweiterung in Visual Studio Code.

3. Pfad Intellisense

Wenn Sie mit Visual Studio Code ein System oder eine persönliche Konfigurationsdatei bearbeiten, kann Path Intellisense ein nützliches Support-Tool für Sie sein. Diese Erweiterung fügt die Vervollständigung des Intellisense-Dateinamens hinzu, sodass Sie problemlos lange Pfadnamen eingeben können, ohne sie im Speicher speichern zu müssen.

Dies ist eine relativ einfache Erweiterung mit einigen Konfigurationsoptionen. Sie können nach dem Kategorienamen einen abschließenden Schrägstrich einfügen oder einfügen. Weitere Optionen sind das Anhängen oder Fehlen eines Dateinamens im Befehl zum Importieren und Entfernen bestimmter Dateiformate.

4. Aufgaben-Explorer

Die Task Explorer- Erweiterung fügt Visual Studio-Code IDE-Ausführungsfunktionen hinzu. Dieses Dienstprogramm erstellt nicht nur Aufgaben für das aktuelle Projekt, sondern unterstützt auch Bash, Python und viele andere Skripte.

Der Task-Explorer unterstützt eine Vielzahl von Standard-Codeentwicklungstools, darunter NPM, Grunt, Gulp, Ant, Make und sogar Visual Studio-Code. Mit dieser benutzerdefinierten Erweiterung können Benutzer den Pfad für jeden Taskstarter und jede Skriptsprache anpassen. Sie sind besonders nützlich, wenn Sie mehrere Versionen installiert haben und eine verwenden möchten.

5. GitLens

Visual Studio Code verfügt über eine Git-Integrationsfunktion. Daher benötigen Sie diese Erweiterung wahrscheinlich nicht. Allerdings GitLens fügen Sie ein paar Funktionen , die Sie visualisieren zu helfen, zu navigieren und zu verstehen , die Git Geschichte des Projekts.

Das herausragende Merkmal von GitLens ist die Hinzufügung eines leistungsstarken und eindeutigen Viewers, der es einfach macht, die Unterschiede zwischen Commits und Zweigen zu visualisieren. Mit dieser Erweiterung können Sie auch den Verlauf von Projekt-Commits durchsuchen, nach Autor, Datei, Commit-Informationen usw. suchen.

Eine weitere Funktion umfasst eine Heatmap, mit der Benutzer sehen können, wo der größte Teil der Arbeit in einer bestimmten Datei in Visual Studio Code ausgeführt wird. Wenn Sie sich stark auf Git verlassen, sollten Sie dieses Plugin generell ausprobieren.

6. Schöner

Wenn Sie ein Front-End-Entwickler sind, insbesondere wenn Sie die Formatierungsrichtlinien befolgen müssen, ist Prettier unser "enger Freund". Extension Prettier formatiert JavaScript, TypeScript und CSS automatisch mit einem gleichnamigen Code-Tool.

Basierend auf dem Code, den Sie schreiben, schreibt Prettier sie gemäß den strengen Formatierungsrichtlinien neu. Dies ist eine "starre" Erweiterung, dh sie trifft ihre eigenen Entscheidungen. Sie können Prettier jedoch mit eslint- oder tslint-Tools verwenden, um sicherzustellen, dass sie Ihrer eigenen Flusenkonfiguration entspricht.

7. Bracket Pair Colorizer

Bracket Pair Colorizer ist ein Plugin, das genau so funktioniert, wie der Name schon sagt. Bestimmte Zeichen werden automatisch eingefärbt, damit Benutzer wissen, wie viel Code verschachtelt ist. Obwohl einige Programmiersprachen diese Funktion unterstützen, nicht alle, verwenden Sie bei Bedarf den Bracket Pair Colorizer.

Standardmäßig werden (), [], {} kombiniert, Sie können jedoch auch Klammern angeben, die Sie kombinieren möchten. Diese Arten von Plugins sind häufig polarisiert. Wenn Sie sich jedoch nicht sicher sind, ob Sie sie wirklich benötigen, versuchen Sie es mit dem Bracket Pair Colorizer.

8. Codezeit

Haben Sie sich jemals gefragt, wie viel Zeit Sie mit Programmiersoftware verbringen? Was ist die beste Tageszeit oder der beste Programmiertag der Woche? Wenn die Antwort Ja lautet, verwenden Sie Code Time .

Code Time misst Ihre Aktivitäten in Visual Studio Code und meldet diese Aktivitäten an Sie und viele andere Metriken. Sie sehen die Echtzeitanzeige in der Statusleiste und ein Bearbeitungsfeld für einen besseren Betrachter.

Sie können die Codezeit so einrichten, dass wöchentliche E-Mail-Berichte gesendet werden. Mit dem integrierten Google Kalender können Sie automatisch die beste Programmierzeit einstellen.

9. REST-Client

Unabhängig davon, ob Sie ein Front-End-Webentwickler sind oder die meiste Zeit auf dem Server verbringen, kann es vorkommen, dass Sie die REST-API verwenden müssen . Es gibt tatsächlich viele Browser-Plugins und andere Tools für diese Aufgabe. Wenn sich die Arbeit jedoch hauptsächlich auf Code-Bearbeitungssoftware konzentriert, verwenden Sie den REST-Client, um den bequemsten Code zu erhalten.

Dies ist eine relativ einfache Erweiterung, wie der Name schon sagt. Sie können es einfach verwenden, um HTTP-Abfragen mit dem Befehl cURL zu senden. Darüber hinaus unterstützt diese Erweiterung die Basisauthentifizierung, Digest-Authentifizierung, SSL-Client-Zertifikate und mehr.

Oben finden Sie eine Top-Erweiterung, mit der Programmierer die Leistung in Visual Studio Code verbessern können . Zögern Sie nicht, uns mitzuteilen, wenn Sie weitere Optionen kennen!