在 VS Code 中试试

状态栏

状态栏 位于 VS Code 工作台底部,显示与你的工作区相关的信息和操作。项目分为两组:主要(左侧)和次要(右侧)。与整个工作区相关的项目(状态、问题/警告、同步)位于左侧,而次要或上下文相关的项目(语言、间距、反馈)位于右侧。限制添加的项目数量,因为其他扩展也会贡献到同一区域。

Status Bar example

✔️ 建议

  • 使用简短的文本标签
  • 仅在必要时使用图标
  • 仅对明确的隐喻使用图标
  • 将主要(全局)项目放在左侧
  • 将次要(上下文相关)项目放在右侧

❌ 不建议

  • 添加自定义颜色
  • 添加多个图标(除非必要)
  • 添加多个项目(除非必要)

状态栏项

Status Bar Item

此示例显示了由 GitHub Pull Requests and Issues 扩展贡献的一个项目。它与整个工作区相关,因此放置在左侧。

进度状态栏项

当需要显示不明显的进度(在后台发生的进度)时,建议使用带有加载图标的状态栏项(你也可以添加旋转动画)。如果进度需要引起用户注意,我们建议使用进度通知。

Status Bar Progress

此示例显示了一个不明显的进度状态栏项。

错误和警告状态栏项

如果你需要显示一个用于警告或错误目的的高度可见的项目,你可以配置一个状态栏项来使用警告或错误背景颜色。鉴于它们在状态栏中的突出性,仅将此模式作为最后手段并仅用于特殊情况。

Status Bar Error

此示例使用错误状态栏项来显示文件中的阻塞错误。

Status Bar Warning

此示例使用警告状态栏项来显示文件中的警告。