VSCode扩展开发：如何在视图命令中实现下拉选择控件？

问题结论 #

你截图中展示的这类自定义侧边栏视图完全可以通过VSCode官方扩展API实现，现有API的覆盖能力完全能满足这类交互需求，你看到的简单按钮交互只是最基础的用法。

实现方案参考 #

• 基础实现可以用「自定义树视图（Tree View）」API：先在扩展的package.json中通过contributes.viewsContainers声明你要挂载的容器位置（可以放在侧边栏、底部面板、活动栏等任意原生区域），再通过contributes.views注册对应的列表视图，支持自定义每个列表项的图标、文本、角标状态、hover提示，也可以绑定点击事件、右键菜单、折叠分组等交互，完全覆盖你截图里的基础效果。
• 如果需要更灵活的自定义渲染效果，还可以使用「Webview视图」API，直接用HTML/CSS/JS编写任意你想要的界面布局和交互逻辑，也可以和VSCode原生能力（比如命令调用、文件读写、状态同步）打通，没有功能限制。
• 目前市面上绝大多数成熟的VSCode扩展（比如Git管理类、云服务类、数据库管理类扩展）的自定义侧边栏界面都是通过上述API实现的，你截图中的效果没有超出API的能力范围。

内容的提问来源于stack exchange，提问作者softmarshmallow