编写第一个vscode插件,扩展TreeView

vscode左边的这个区域称为 explorer 或者treeview,这里是允许插件扩展的

image


如下图配置,viewsContainer 表示最左边的一排图标,最顶层的按钮

views表示每个图标点下去,下属的一排。

image

activationEvents 加上onview,则该view显示时就会初始化插件


配置好以后,就有效果

image

此时的view里面啥也没有,给View挂数据的一种方式是只给他数据

view本身以treeview的形式显示数据


image

image

效果如图

image


这个属性图可以加一些按钮,这些按钮按下就调用相关的command

image

image

根据文档有四种

一、view标题栏直接显示的按钮

image

二、view标题栏 三个小点点里面的按钮

image


treeitem 右键菜单按钮

image

treeitem 悬停按钮

image

如果我们想要给item的command加上处理代码

这样做

image

代码见

ttplugin01 · lights li/vscodeext - 码云 - 开源中国 (gitee.com)

posted @ 2022-05-10 16:15  疯光无线  阅读(1286)  评论(0编辑  收藏  举报