🚀 在 VS Code 中

狀態列

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

Status Bar example

✔️ 建議

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

❌ 請勿

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

狀態列項目

Status Bar Item

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

進度狀態列項目

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

Status Bar Progress

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

錯誤和警告狀態列項目

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

Status Bar Error

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

Status Bar Warning

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