VSCode插件开发添加侧边栏入口

最新推荐文章于 2024-05-31 10:31:33 发布

SenaLH

最新推荐文章于 2024-05-31 10:31:33 发布

阅读量2.1k

点赞数

分类专栏： VSCode插件开发文章标签： vscode

本文链接：https://blog.csdn.net/SenaLH/article/details/120744137

版权

本文介绍了如何在VSCode中开发插件并添加侧边栏入口。通过配置package.json，并使用F5进行调试，可以看到侧边栏已经显示了新添加的插件入口。

摘要由CSDN通过智能技术生成

VSCode插件开发添加侧边栏入口

package.json配置
运行效果

package.json配置

注释只为了标示，直接复制代码会报错（json中无法注释）

"contributes": {
	// 命令定义
	"commands": [
      {
        "command": "testplugin.search",
        "title": "搜索"
      },
      {
        "command": "testplugin.set",
        "title": "设置"
      }
    ], 
	// 定义侧边栏图标
	"viewsContainers": {
	  "activitybar": [
	    {
	      "id": "testplugin",
	      "title": "testplugin",
	      "icon": "src/assets/img/testplugin.svg"
	    }
	  ]
	},
	// 定义侧边栏布局
	"views": {
	  "testplugin": [
	    {
	      "id": "testplugin-view1",
	      "name": "测试插件1"
	    }
	  ]
	},
	// 菜单
	"menus": {
	  "view/title": [
	    {
	      "command": "testplugin.search",
	      "when": "view == te