ステータス バー
ステータス バーは、VS Code ワークベンチの下部にあり、ワークスペースに関連する情報とアクションを表示します。項目は、プライマリ (左) とセカンダリ (右) の 2 つのグループに配置されます。ワークスペース全体に関連する項目 (ステータス、問題/警告、同期) は左側に、セカンダリまたはコンテキスト依存の項目 (言語、スペーシング、フィードバック) は右側に配置されます。他の拡張機能も同じ領域に貢献するため、追加する項目の数を制限してください。
✔️ 推奨
- 短いテキストラベルを使用する
- アイコンは必要な場合にのみ使用する
- アイコンは明確なメタファーの場合にのみ使用する
- プライマリ (グローバル) 項目は左側に配置する
- セカンダリ (コンテキスト依存) 項目は右側に配置する
❌ 非推奨
- カスタムカラーを追加しない
- (必要な場合を除き) 複数のアイコンを追加しない
- (必要な場合を除き) 複数の項目を追加しない
ステータス バー項目
この例は、GitHub Pull Requests and Issues 拡張機能によって提供された項目を示しています。ワークスペース全体に関連するため、左側に配置されています。
進行状況ステータス バー項目
控えめな進行状況 (バックグラウンドで発生する進行状況) を表示する必要がある場合は、読み込みアイコン (スピンアニメーションを追加することもできます) を使用してステータスバー項目を表示することをお勧めします。ユーザーの注意を引くために進行状況を強調する必要がある場合は、進行状況通知に移行することをお勧めします。
この例は、控えめな進行状況ステータス バー項目を示しています。
エラーおよび警告ステータス バー項目
警告またはエラーの目的で非常に目立つ項目を表示する必要がある場合は、警告またはエラーの背景色を使用するようにステータスバー項目を構成できます。このパターンは最後の手段としてのみ使用し、ステータスバーでの目立ちやすさを考慮して特別な場合にのみ使用してください。
この例では、ファイル内のブロックエラーを示すためにエラー ステータス バー項目を使用しています。
この例では、ファイル内の警告を示すために警告ステータス バー項目を使用しています。