🚀 VS Code で で入手しましょう!

ワークベンチの拡張

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

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

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

workbench-contribution

ビューコンテナ

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

ツリービュー

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

Webview

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

ステータスバーアイテム

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

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

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