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

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

青灯夜游
青灯夜游nach vorne
2021-11-08 10:31:312552Durchsuche

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.

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

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. Erfahren Sie, wie VSCode offizielles Gerüst nutzt, um ein neues Plug-in zu erstellen

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 einErfahren Sie, wie VSCode offizielles Gerüst nutzt, um ein neues Plug-in zu erstellen

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

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

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

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

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:juejin.cn. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen