vscode插件开发中文文档教程(7)——扩展工作台

vscode插件开发中文文档教程(7)——扩展工作台

原文链接：Extending Workbench\
作者：Microsoft\
译者：倔强青铜三

前言

大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！

扩展工作台

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

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

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

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

视图容器

通过 contributes.viewsContainers 扩展点，您可以添加新的视图容器，这些容器会显示在五个内置视图容器旁边。更多内容请参阅 树视图 主题。

树视图

通过 contributes.views 扩展点，您可以向任何视图容器中添加新的视图。更多内容请参阅 树视图 主题。

Webview

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

状态栏项

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

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

您可以查看 状态栏扩展示例 了解更多。

最后感谢阅读！欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！