状态栏
状态栏位于 VS Code 工作台底部,显示与你的工作区相关的信息和操作。项目分为两组:主要(左侧)和次要(右侧)。与整个工作区相关的项目(状态、问题/警告、同步)放在左侧,而次要或上下文相关的项目(语言、间距、反馈)放在右侧。限制添加的项目数量,因为其他扩展也会向同一区域贡献内容。
✔️ 应该做
- 使用简短的文本标签
- 仅在必要时使用图标
- 仅对清晰的隐喻使用图标
- 将主要(全局)项目放在左侧
- 将次要(上下文)项目放在右侧
❌ 不应该做
- 添加自定义颜色
- 不要添加超过一个图标(除非必要)
- 不要添加超过一个项目(除非必要)
状态栏项
此示例显示了 GitHub Pull Requests and Issues 扩展贡献的项目。它与整个工作区相关,因此放置在左侧。
进度状态栏项
当需要显示不显眼的进度(在后台发生的进度)时,建议显示带有加载图标的状态栏项(你也可以添加旋转动画)。如果需要提升进度以引起用户注意,我们建议改为进度通知。
此示例显示了一个不显眼的进度状态栏项。
错误和警告状态栏项
如果你需要显示一个高度可见的项目以用于警告或错误目的,你可以将状态栏项配置为使用警告或错误背景颜色。仅在万不得已的情况下以及仅在特殊情况下使用此模式,因为它们在状态栏中非常突出。
此示例使用错误状态栏项来显示文件中的阻止错误。
此示例使用警告状态栏项来显示文件中的警告。