扩展工作台
“Workbench”(工作台)是指涵盖以下 UI 组件的整体 Visual Studio Code 用户界面:
- 标题栏 (Title Bar)
- 活动栏
- 侧边栏 (Side Bar)
- 面板
- 编辑器组 (Editor Group)
- 状态栏
VS Code 提供了各种 API,允许你将自己的组件添加到工作台中。例如,在下图中:

- 活动栏 (Activity Bar):Azure App Service 扩展添加了一个视图容器 (View Container)
- 侧边栏 (Side Bar):内置的 NPM 扩展在“资源管理器”视图中添加了一个树状视图 (Tree View)
- 编辑器组 (Editor Group):内置的 Markdown 扩展在编辑器组中其他编辑器的旁边添加了一个Webview
- 状态栏 (Status Bar):VSCodeVim 扩展在状态栏中添加了一个状态栏项 (Status Bar Item)
视图容器 (Views Container)
通过 contributes.viewsContainers 贡献点,你可以添加显示在五个内置视图容器旁边的新视图容器。在树状视图 (Tree View) 主题中了解更多信息。
树视图
通过 contributes.views 贡献点,你可以添加显示在任何视图容器中的新视图。在树状视图 (Tree View) 主题中了解更多信息。
Webview
Webview 是使用 HTML/CSS/JavaScript 构建的高度可自定义的视图。它们显示在编辑器组区域中文本编辑器的旁边。在 Webview 指南中阅读更多关于 Webview 的内容。
状态栏项 (Status Bar Item)
扩展可以创建自定义的 StatusBarItem,显示在状态栏中。状态栏项可以显示文本和图标,并在点击事件时运行命令。
- 显示文本和图标
- 点击时运行命令
你可以通过查看 状态栏扩展示例来了解更多信息。