Erfahren Sie, wie VSCode offizielles Gerüst nutzt, um ein neues Plug-in zu erstellen

Dieser Artikel zeigt Ihnen, wie Sie das offizielle Gerüst des VSCode-Plug-Ins installieren und das Gerüst zum Erstellen eines neuen VSCode-Plug-Ins verwenden.

Werfen wir zunächst einen Blick darauf, welche Operationen uns vscode offiziell erlaubt?

Erweiterungs-API

Visual Studio Code wurde im Hinblick auf Skalierbarkeit entwickelt. Von der Benutzeroberfläche bis zum Bearbeitungserlebnis kann nahezu jeder Teil von VS Code über die Erweiterungs-API angepasst und erweitert werden. Tatsächlich sind viele der Kernfunktionen von VS Code als Erweiterungen erstellt und verwenden dieselbe Erweiterungs-API. [Empfohlenes Lernen: „vscode-Tutorial“]

Dieses Dokument beschreibt:

• Wie man Erweiterungen erstellt, ausführt, debuggt, testet und veröffentlicht
• Wie man die umfangreiche Erweiterungs-API von VS Code verwendet
• Wo Sie Hilfe finden Erste Schritte Die Anleitungen und Codebeispiele
• folgen unseren Best Practices für den Erweiterungsleitfaden

Codebeispiele sind unter Microsoft/vscode-extension-samples unter

• https://github verfügbar. com/microsoft/vscode-extension-samples

Wenn Sie nach veröffentlichten Erweiterungen suchen, gehen Sie bitte zum VS Code Extension Market, Link:

• https://marketplace.visualstudio.com/vscode

Was kann die Erweiterung?

Hier sind einige Beispiele dafür, was Sie mit der Erweiterungs-API erreichen können:

• Ändern Sie das Aussehen von VS-Code mit Farben oder Dateisymbolthemen – Themen
• Fügen Sie benutzerdefinierte Komponenten und Ansichten in der Benutzeroberfläche hinzu – Extend Workbench
• Erstellen Sie eine Webansicht, um eine benutzerdefinierte Webseite anzuzeigen, die mit HTML/CSS/JS erstellt wurde – Webview-Anleitung
• Unterstützung für eine neue Programmiersprache – Übersicht über Spracherweiterungen
• Unterstützung für das Debuggen bestimmter Laufzeiten – Debugger-Erweiterungshandbuch

Wenn Sie ein umfassenderes Verständnis der Erweiterungs-API wünschen, sehen Sie sich bitte die Seite

Übersicht über Erweiterungsfunktionen an. Übersicht über die Erweiterungsanleitung enthält außerdem eine Liste mit Codebeispielen und Anleitungen, die die Verwendung der verschiedenen Erweiterungs-APIs veranschaulichen.

1. Installieren Sie das offizielle Gerüst des VSCode-Plugins

npm install -g yo generator-code

yo code

Wählen Sie je nach Wunsch 1 oder 2 Zum Projektverzeichnis. Verwenden Sie code ., um das Verzeichnis in vscode zu öffnen.

3. Führen Sie das Plug-in-Projekt aus und debuggen Sie es. code . 在vscode中打开目录。

三、运行和调试插件工程

F5调试这个插件，然后在新出来的窗口中输入hello world

F5, um das Plug-in zu debuggen, und geben Sie dann hello world in die neue API-Dokumentation ein

https://code. visualstudio.com/api/extension-capabilities/overview

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Programmierunterricht! !

Das obige ist der detaillierte Inhalt vonErfahren Sie, wie VSCode offizielles Gerüst nutzt, um ein neues Plug-in zu erstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!