VSCode插件开发--添加侧边栏入口和面板_vscode插件开发怎么在下方栏增加入口

先看一张图

在VSCode的文档中，侧边栏按钮入口称之为Tree View Container，侧边栏面板称之为Tree View，本文涉及的就是这两个区域。

创建工程

使用 yo code脚手架创建一个插件工程，语言选择TypeScript。具体过程略

配置侧边栏按钮(Tree View Container)和面板视图(Tree View)

侧边栏按钮(Tree View Container)和面板视图(Tree View)要同时配置，否则不生效。

打开package.json，添加以下内容

"contributes": {
   
        "viewsContainers": {
   
            "activitybar": [
                {
   
                    "id":"sidebar_test",
                    "title": "侧边栏测试",
                    "icon": "入口.svg"
                }
            ]
        },
        "views": {
   
            "sidebar_test":[
                {
   
                    "id":"sidebar_test_id1",
                    "name":"面板区块名称1"
                },
         
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21