vsCode插件开发_06左侧抽屉面板配置及图标设置

书接上回进行vsCode插件开发，本篇主要记录的是：

        1左侧抽屉面板配置及设置

        2图标的相关设置

——————————————————————————————————————————————————华丽的分割线

工程是新建了一个demo06-iconSet@leftWenuWindow，但还是将demo05的内容添加了进来

下面我们进入正题：

        1左侧抽屉面板配置及设置

step1： 在package.json中添加：

1 viewsContainers项用于新建一个view的容器，属性有：id、title、和icon（本地路径）

2 views项用于描述具体的抽屉子项：属性有：id、name

3 viewsFruit项是自定义的一项用于描述views，属性有：view（绑定上面views）、contents（描述内容）、when（触发时机）

可以看到在viewsFruit项最后一栏的orange下，contens中：添加了字符串、换行、执行helloworld命令、打开了新的一个网页

具体的运行展示如下

左下侧是自己添加的一个果盘图标，右边是几个抽屉项界面的展示

——————————————————————————————————————————————————华丽的分割线

        2图标的相关设置

1是上文中的面板图标设置

2是VSCode的插件市场的图标设置

        在package.json中指定图标路径： 在你的插件项目的package.json文件中，使用icon字段来指定图标文件的路径。路径是相对于package.json文件的。例如：

至此本文记录的所有内容，功能已完全实现，后续会将所有程序一并打包发布