ワークベンチの拡張

"ワークベンチ" とは、以下の UI コンポーネントを包含する Visual Studio Code の全体的な UI を指します。

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

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

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

ビューコンテナー

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

ツリービュー

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

Webview

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

ステータスバー項目

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

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

ステータスバー拡張機能のサンプルを確認することで、さらに詳しく学ぶことができます。