Erweiterung der Arbeitsumgebung

"Workbench" bezieht sich auf die gesamte Benutzeroberfläche von Visual Studio Code, die die folgenden UI-Komponenten umfasst:

• Titelleiste
• Aktivitätsleiste
• Seitenleiste
• Panel
• Editorgruppe
• Statusleiste

VS Code bietet verschiedene APIs, mit denen Sie eigene Komponenten zur Workbench hinzufügen können. Zum Beispiel im folgenden Bild:

• Aktivitätsleiste: Die Azure App Service-Erweiterung fügt einen View Container hinzu.
• Seitenleiste: Die integrierte NPM-Erweiterung fügt eine Baumansicht zur Explorer-Ansicht hinzu.
• Editorgruppe: Die integrierte Markdown-Erweiterung fügt eine Webview neben anderen Editoren in der Editorgruppe hinzu.
• Statusleiste: Die VSCodeVim-Erweiterung fügt ein Statusleistenelement in der Statusleiste hinzu.

Ansichtcontainer

Mit dem Beitragspunkt contributes.viewsContainers können Sie neue Ansichtcontainer hinzufügen, die neben den fünf integrierten Ansichtcontainern angezeigt werden. Erfahren Sie mehr im Thema Baumansicht.

Baumansicht

Mit dem Beitrags punkt contributes.views können Sie neue Ansichten hinzufügen, die in jedem der Ansichtcontainer angezeigt werden. Erfahren Sie mehr im Thema Baumansicht.

Webview

Webviews sind hochgradig anpassbare Ansichten, die mit HTML/CSS/JavaScript erstellt wurden. Sie werden neben Texteditoren in den Editorgruppenbereichen angezeigt. Lesen Sie mehr über Webviews im Webview-Leitfaden.

Statusleistenelement

Erweiterungen können benutzerdefinierte StatusBarItem erstellen, die in der Statusleiste angezeigt werden. Statusleistenelemente können Text und Symbole anzeigen und Befehle bei Klickereignissen ausführen.

• Text und Symbole anzeigen
• Befehl bei Klick ausführen

Sie können mehr erfahren, indem Sie die Status Bar-Erweiterungssample überprüfen.