VS Codeのエージェントモードを拡張するには、を試してください!

サイドバー

プライマリおよびセカンダリのサイドバーは、ビューコンテナによって提供される1つ以上のビューで構成されます。拡張機能は、既存のビューコンテナ(例: エクスプローラー)にビューを提供したり、全く新しいビューコンテナを提供したりできます。

✔️ すべきこと

  • 関連するビューとコンテンツをグループ化する
  • ビューコンテナとそのビューには、明確で分かりやすい名前を使用する

❌ すべきでないこと

  • 過剰な数のビューコンテナを使用しないこと。ほとんどの拡張機能では、単一のビューコンテナ(その拡張機能に固有のビューを持つサイドバーなど)で十分です。
  • 過剰な数のビューを使用しないこと(ほとんどの画面サイズでは3~5個が快適な最大数です)
  • サイドバーに単純なコマンドになりうるコンテンツを追加しないこと。
  • 既存の機能を繰り返さない

Example of two sidebars

プライマリサイドバー

多くの拡張機能は、コンテンツの高い視認性を与えるため、プライマリサイドバーにビューおよび/またはビューコンテナを提供することを選択します。ここにコンテンツを追加する際には、適切な判断を下してください。提供されるUIが多すぎると、ユーザーを混乱させる散らかったエクスペリエンスにつながる可能性があります。

Example of the primary sidebar

セカンダリサイドバー

名前が示すように、セカンダリサイドバーは通常、ビューの補助的な場所と見なされます。デフォルトでは拡張機能が直接ビューを提供することはできませんが、ユーザーはプライマリサイドバーまたはパネルからビューをドラッグしてレイアウトをカスタマイズできます。

Example of the secondary sidebar

デフォルトでは、サイドバーに複数のビューを持つビューコンテナには、各ビューを表示/非表示にするための単一の「...」アイコンボタンがサイドバーツールバーに表示されます。これは次のようなものです。

Sidebar with two views

しかし、ビューが1つしかない場合、サイドバーはUIを自動的に統合し、サイドバーツールバーを使用してそのビューに固有のすべてのアクションをレンダリングします。「...」ボタンの代わりに、「メモ」ビューに関連付けられた2つのアクションがその場所にレンダリングされます。

Sidebar with a single view and toolbar with actions

他のツールバーと同様に、散乱や混乱を減らすため、あまり多くのアクションを追加しないよう注意してください。可能であれば、既存の製品アイコンと説明的なコマンド名を組み合わせて使用してください。