Vscode API-未显示自定义视图容器

时间:2019-04-05 11:12:24

标签: visual-studio-code vscode-extensions

我目前正在编写一个vs代码的FTP类型扩展,要求我使用“ TreeView”。我找到了此链接:

https://code.visualstudio.com/api/extension-guides/tree-view

这将指导您将树形视图添加到侧边栏。但是我很难将其付诸实践,上面提到的指南中的第一步似乎没有将图标添加到我的vscode边栏中?因此无法取得任何进展...

显然我误会了一些东西!我是TypeScript的新手,在遵循此主题的其他代码时遇到麻烦。请有人能帮助我迈出第一步吗?

这是我的package.json贡献的内容:

"contributes": {
    "commands": [
        {
            "command": "extension.helloWorld",
            "title": "Hello World"
        }
    ],
    "viewsContainers": {
        "activitybar": [
            {
                "id": "live-workspace",
                "title": "Live-Workspace",
                "icon": "./src/Treeview/laptop.svg"
            }
        ]
    }
}

据我了解,这应该在边栏上放置“无功能”图标吗?我了解这个错误吗?要实现这一目标,还有更多工作要做吗?谢谢!

1 个答案:

答案 0 :(得分:5)

一个视图容器仅在包含至少一个视图时才会显示。一旦我还将以下内容添加到contributes部分中,它便对我有用:

"views": {
    "live-workspace": [
        {
            "id": "exampleView",
            "name": "Example View"
        }
    ]
}