🚀 在 VS Code 中

狀態列

狀態列位於 VS Code 工作台底部,顯示與您的工作區相關的資訊和動作。項目分為兩組:主要 (左側) 和次要 (右側)。與整個工作區相關的項目 (狀態、問題/警告、同步) 位於左側,而次要或上下文相關的項目 (語言、間距、意見反應) 位於右側。請限制新增項目的數量,因為其他擴充功能也會貢獻到同一個區域。

Status Bar example

✔️ 建議

  • 使用簡短的文字標籤
  • 僅在必要時使用圖示
  • 僅針對清晰的隱喻使用圖示
  • 將主要 (全域) 項目放在左側
  • 將次要 (上下文相關) 項目放在右側

❌ 避免

  • 新增自訂色彩
  • 新增超過一個圖示 (除非必要)
  • 新增超過一個項目 (除非必要)

狀態列項目

Status Bar Item

此範例顯示 GitHub Pull Requests and Issues 擴充功能貢獻的項目。它與整個工作區相關,因此放置在左側。

進度狀態列項目

當需要顯示離散進度 (在背景中發生的進度) 時,建議顯示帶有載入圖示的狀態列項目 (您也可以新增旋轉動畫)。如果需要提升進度以引起使用者注意,我們建議改為使用進度通知。

Status Bar Progress

此範例顯示一個離散的進度狀態列項目。

錯誤和警告狀態列項目

如果您需要顯示一個高度可見的項目以用於警告或錯誤目的,您可以將狀態列項目設定為使用警告或錯誤背景顏色。僅在萬不得已的情況下使用此模式,且僅適用於特殊情況,因為它們在狀態列中非常顯眼。

Status Bar Error

此範例使用錯誤狀態列項目來顯示檔案中的封鎖錯誤。

Status Bar Warning

此範例使用警告狀態列項目來顯示檔案中的警告。