扩展工作台
"Workbench" 指的是包含以下用户界面组件的整体 Visual Studio Code 用户界面:
- 标题栏
- 活动栏
- 侧边栏
- 面板
- 编辑组
- 状态栏
VS Code 提供了各种 API,允许您向工作台添加自己的组件。例如,在下面的图像中:

- 活动栏:Azure 应用服务扩展添加了一个查看容器
- 侧边栏:内置的NPM 扩展 在资源管理器视图中添加了一个树视图
- 编辑器组:内置的Markdown扩展在编辑器组中添加了一个网页视图,位于其他编辑器旁边
- 状态栏: VSCodeVim 扩展 在状态栏中添加了一个状态栏项目
视图容器
随着贡献视图容器 贡献点,您可以添加新的视图容器,这些容器将显示在五个内置视图容器旁边。在 树视图 主题中了解更多信息。
树视图
随着贡献.视图 贡献点,您可以在任何视图容器中添加新的视图。在 树视图 主题中了解更多信息。
网页视图
Webviews 是用 HTML/CSS/JavaScript 构建的高度可定制视图。它们显示在编辑器组区域中的文本编辑器旁边。在 Webview 指南 中阅读更多关于 Webview 的内容。
状态栏项目
扩展可以创建自定义状态栏项目显示在状态栏中。状态栏项目可以显示文本和图标,并在点击事件时运行命令。
- 显示文本和图标
- 点击运行命令
您可以通过查看状态栏扩展示例了解更多信息。