ワークベンチの拡張

「ワークベンチ」は、Visual Studio Code 全体の UI を指し、以下の UI コンポーネントを含みます。

• タイトルバー
• アクティビティバー
• サイドバー
• パネル
• エディターグループ
• ステータスバー

VS Code は、独自のコンポーネントをワークベンチに追加できるさまざまな API を提供しています。たとえば、以下の画像では

• アクティビティバー: Azure App Service 拡張機能がビューコンテナーを追加します。
• サイドバー: 組み込みの NPM 拡張機能がエクスプローラービューにツリービューを追加します。
• エディターグループ: 組み込みの Markdown 拡張機能がエディターグループ内の他のエディターの隣にWebviewを追加します。
• ステータスバー: VSCodeVim 拡張機能がステータスバーにステータスバー項目を追加します。

ビューコンテナー

contributes.viewsContainers 貢献ポイントを使用すると、5つの組み込みビューコンテナーの隣に新しいビューコンテナーを追加できます。詳細については、ツリービューのトピックを参照してください。

ツリービュー

contributes.views 貢献ポイントを使用すると、任意のビューコンテナーに新しいビューを追加できます。詳細については、ツリービューのトピックを参照してください。

Webview

Webview は、HTML/CSS/JavaScript で構築された高度にカスタマイズ可能なビューです。これらは、エディターグループ領域のテキストエディターの隣に表示されます。Webview の詳細については、Webview ガイドを参照してください。

ステータスバー項目

拡張機能は、ステータスバーに表示されるカスタムのStatusBarItemを作成できます。ステータスバー項目は、テキストとアイコンを表示し、クリックイベントでコマンドを実行できます。

• テキストとアイコンを表示する
• クリック時にコマンドを実行する

詳細については、ステータスバー拡張機能のサンプルを参照してください。