🚀 在 VS Code 中

扩展工作台

“工作台”指的是包含以下 UI 组件的 Visual Studio Code 整体 UI

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

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

workbench-contribution

视图容器

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

树视图

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

Webview

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

状态栏项

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

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

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