扩展工作台

"工作台" 指的是 Visual Studio Code 的整体 UI，它包含以下 UI 组件

• 标题栏
• 活动栏
• 侧边栏
• 面板
• 编辑器组
• 状态栏

VS Code 提供了各种 API，允许你向工作台添加自己的组件。例如，在下图中

• 活动栏：Azure App Service 扩展 添加了一个 视图容器
• 侧边栏：内置的 NPM 扩展 向资源管理器视图添加了一个 树视图
• 编辑器组：内置的 Markdown 扩展 在编辑器组中的其他编辑器旁边添加了一个 Webview
• 状态栏：VSCodeVim 扩展 在状态栏中添加了一个 状态栏项

视图容器

使用 contributes.viewsContainers 贡献点，你可以添加新的视图容器，这些容器将显示在五个内置视图容器旁边。在 树视图 主题中了解更多信息。

树视图

使用 contributes.views 贡献点，你可以添加新的视图，这些视图将显示在任何视图容器中。在 树视图 主题中了解更多信息。

Webview

Webviews 是使用 HTML/CSS/JavaScript 构建的高度可定制的视图。它们显示在编辑器组区域中的文本编辑器旁边。在 Webview 指南 中了解更多关于 Webview 的信息。

状态栏项

扩展可以创建自定义的 StatusBarItem，这些自定义项将在状态栏中显示。状态栏项可以显示文本和图标，并在单击事件时运行命令。

• 显示文本和图标
• 单击时运行命令

你可以通过查看 状态栏扩展示例 来了解更多信息。