ワークベンチの拡張
"ワークベンチ" とは、以下の UI コンポーネントを含む Visual Studio Code UI 全体を指します
- タイトルバー
- アクティビティバー
- サイドバー
- パネル
- エディターグループ
- ステータスバー
VS Code は、ワークベンチに独自のコンポーネントを追加できるさまざまな API を提供しています。たとえば、以下の図では:
- アクティビティバー:Azure App Service 拡張機能は、ビューコンテナを追加します
- サイドバー:組み込みの NPM 拡張機能は、エクスプローラービューにツリービューを追加します
- エディターグループ:組み込みの Markdown 拡張機能は、エディターグループ内の他のエディターの横にWebviewを追加します
- ステータスバー:VSCodeVim 拡張機能は、ステータスバーにステータスバーアイテムを追加します
ビューコンテナ
contributes.viewsContainers
Contribution Point を使用すると、5 つの組み込みビューコンテナの横に表示される新しいビューコンテナを追加できます。詳細については、ツリービューのトピックを参照してください。
ツリービュー
contributes.views
Contribution Point を使用すると、任意のビューコンテナに表示される新しいビューを追加できます。詳細については、ツリービューのトピックを参照してください。
Webview
Webview は、HTML/CSS/JavaScript で構築された高度にカスタマイズ可能なビューです。これらは、エディターグループ領域のテキストエディターの横に表示されます。Webview の詳細については、Webview ガイドを参照してください。
ステータスバーアイテム
拡張機能は、ステータスバーに表示されるカスタムの StatusBarItem
を作成できます。ステータスバーアイテムは、テキストやアイコンを表示したり、クリックイベントでコマンドを実行したりできます。
- テキストとアイコンの表示
- クリックでコマンドを実行
詳細については、ステータスバー拡張機能のサンプルを確認してください。