Kurz: Erfahren Sie, wie Sie nach Erweiterungen suchen und diese im Code-Editor von Visual Studio installieren. Sowohl GUI- als auch Befehlszeilenmethoden wurden besprochen.
Microsofts Visual Studio-Code ist vielleicht der beliebteste Open-Source-Code-Editor, nach Vim (natürlich).
Visual Studio Code bietet ein erstaunliches „out of the box“-Erlebnis, indem fast alle IDE-ähnlichen Funktionen bereitgestellt werden. Aber es gibt immer Dinge, von denen Sie sich wünschen, dass Visual Studio Code tun könnte. „Das Gras ist auf der anderen Seite immer grüner.“
Der Visual Studio Code Marketplace Genau dort finden Sie die Erweiterungen für Visual Studio Code. Auf dem Visual Studio Code Marketplace veröffentlichte Erweiterungen werden vor der Veröffentlichung auf Viren überprüft. Diese Erweiterungen können also sein Vertrauenswürdige.
Installieren von Erweiterungen in Visual Studio Code
Sie müssen nicht zur Marketplace-Website gehen, um Erweiterungen zu installieren. Sie können Erweiterungen direkt aus dem Editor selbst installieren und verwalten.
Ich hoffe, Sie haben Visual Studio Code unter Linux oder dem von Ihnen verwendeten Betriebssystem installiert.
Öffnen Sie Visual Studio Code, und ganz links befindet sich die Aktivitätsleiste. Die letzte Schaltfläche in der Aktivitätsleiste ist die Schaltfläche Erweiterungen. Wenn Sie darauf klicken, sehen Sie die enorme Fülle der Erweiterungen, die für die Installation in Visual Studio Code verfügbar sind.
Zugriff auf die Registerkarte Erweiterungen in VS Code
Sie können auch die Tastenkombination drücken Ctrl + Shift + X
um den Seitenbereich Erweiterungen zu starten.
Wenn keine Erweiterungen installiert sind, wird eine Liste der beliebtesten Erweiterungen angezeigt, die auf dem Visual Studio Code Marketplace verfügbar sind. Es gibt Erweiterungen, von denen Sie sich wünschen, dass Visual Studio Code bereits hätte. Und dann entdecken Sie eines Tages eine Erweiterung und fragen sich, wie Sie ohne sie gelebt haben!
Suchen Sie eine Erweiterung und installieren Sie sie über den Editor (GUI-Methode)
Jetzt ist es an der Zeit, das auszuprobieren vim
worüber Linux-Leute reden *anstupsen* 😉
Ich mache nur Spaß. Lassen Sie uns etwas anfängerfreundlicheres installieren und etwas, das ein Anfänger ohne viel Übung leicht nutzen kann.
Klicke auf Visual Studio IntelliCode (#1) Erweiterung aus der Liste der beliebtesten Erweiterungen.
So installieren Sie eine Erweiterung wie Visual Studio IntelliCode
Klicken Sie einfach auf die Installieren Taste (#2) installiert die Visual Studio IntelliCode Verlängerung. Diese Erweiterung bietet Ihnen KI-vorhergesagte Vorschläge, während Sie Code schreiben.
Nach der Installation können Sie diese Erweiterung in vollem Umfang nutzen. Geben Sie einen Codeblock in Ihrer bevorzugten Programmiersprache ein und prüfen Sie, ob die vorgeschlagene KI-Autovervollständigung für Sie funktioniert und Ihren Workflow nicht verlangsamt.
Verwalten einer installierten Erweiterung in Visual Studio Code
Wenn Ihnen eine der installierten Erweiterungen nicht gefällt, klicken Sie einfach auf das Deinstallieren Taste (#2), um die unerwünschte Erweiterung vollständig zu entfernen.
Wenn Sie mehrere Erweiterungen installiert haben und Sie das Gefühl haben, dass eine der installierten Erweiterungen Ihnen Probleme bereitet – sagen wir, wie plötzliche Abstürze; Sie können einfach eine (oder mehrere) Erweiterung(en) deaktivieren, indem Sie einfach auf das Deaktivieren (#1) und prüfen Sie, ob die Erweiterung x funktioniert oder die Erweiterung y war oder etwas ganz anderes war.
Da das Entfernen und Neuinstallieren von Erweiterungen viel Zeit in Anspruch nimmt, kann das Deaktivieren von Erweiterungen praktisch sein, wenn Sie mehrere Erweiterungen installiert haben.
Alternative Methode: Installieren Sie Erweiterungen über das Terminal
Wussten Sie, dass Sie eine Visual Studio Code-Erweiterung über das Terminal selbst installieren können? Nun, jetzt tun Sie es!
Um eine Erweiterung von Ihrem Terminal aus zu installieren, müssen Sie den Erweiterungsnamen und den Herausgebernamen in der folgenden Reihenfolge kennen: publisher.extension
. Für ein example, wenn Sie dieselbe Erweiterung wie zuvor installieren möchten, Visual Studio IntelliCode, der Herausgebername und der Erweiterungsname lautet VisualStudioExptTeam.vscodeintellicode
.
Um diese eindeutige Kennung einer beliebigen Erweiterung herauszufinden, gehen Sie zunächst Besuchen Sie den Visual Studio Code Marketplace in Ihrem Browser Ihrer Wahl.
Ein Screenshot davon, wie Visual Studio Code Marketplace aussieht
Suchen Sie dann nach einer beliebigen Erweiterung. In diesem Tutorial konzentriere ich mich auf die Installation von Visual Studio IntelliCode. Öffnen Sie dann die Seite der Erweiterung, die Sie installieren möchten.
Suchen Sie nach Visual Studio IntelliCode und öffnen Sie die Erweiterungswebseite
Sobald Sie die Webseite Ihrer Erweiterung geöffnet haben, sehen Sie einen Codeblock. Im Screenshot der Erweiterungs-Webseite unten ist die hervorgehobene eindeutige Kennung der Erweiterung.
Eindeutiger Bezeichner der Erweiterung Visual Studio Code
Sobald Sie den eindeutigen Code der Erweiterung haben, die Sie installieren möchten – VisualStudioExptTeam.vscodeintellicode In diesem Fall können Sie fortfahren, indem Sie den folgenden Befehl in Ihrem Terminal ausführen.
code --install-extension VisualStudioExptTeam.vscodeintellicode
Wie die GUI können Sie auch über die Befehlszeilenschnittstelle Erweiterungen installieren, deaktivieren, entfernen und verwalten.
Es gibt ein praktisches Flag, das Ihnen eine Liste aller installierten Erweiterungen anzeigt. Sie können dies tun, indem Sie den folgenden Befehl ausführen:
code --list-extensions
Führen Sie diesen Befehl aus, um eine einzelne Erweiterung zu deaktivieren:
code --disable-extension <YOUR-EXTENSION-ID>
Wenn Sie alle Erweiterungen deaktivieren möchten, können Sie den folgenden Befehl ausführen:
code --disable-extensions
Der obige Befehl wird deaktivieren alle installierte Erweiterungen. Dies hilft Ihnen bei der Diagnose, ob Erweiterungen Probleme verursachen oder ob es sich um Visual Studio Code selbst handelt.
Wenn Sie nun eine Erweiterung vollständig entfernen möchten, verwenden Sie diesen Befehl:
code --uninstall-extension <YOUR-EXTENSION-ID>
Fazit
Ich finde es viel einfacher, den Editor zum Installieren von VS Code-Erweiterungen zu verwenden. Es ist direkt im Editor, wo ich schließlich kodiere.
Wenn Sie sich mit Visual Studio Code vertraut gemacht haben, lesen Sie vielleicht diesen Artikel, der auf einige nützliche Tastenkombinationen für Visual Studio Code hinweist, die Ihnen helfen können, noch produktiver zu werden!
Viel Spaß beim Programmieren, Kollege *nix-Benutzer! 🙂