在 visual studio 代码扩展中将图标添加到 activity 栏

Question

我是 VSC 扩展开发的新手。

我从扩展 hello world 开始，我想在 activity 栏中添加一个图标，并在单击它时收到通知。

我将这些行添加到 package.json

"viewsContainers": {
            "activitybar": [
                {
                    "id": "package-explorer",
                    "title": "Package Explorer",
                    "icon": "media/my.svg"
                }
            ]
        },

我从 VSC 示例树视图 (https://github.com/microsoft/vscode-extension-samples/tree/main/tree-view-sample) 中复制了这些行

该图标也是从同一个存储库中复制的。

当我运行扩展程序时，activity 栏中没有任何图标。我应该怎么做才能使此图标出现在 activity 栏中，如果单击它我如何收到通知？

Answer 1

您还必须指定与您的 viewContainer

的 id 匹配的 "views" 项目

尝试在 package.json

的 "contributes" 部分中的 "viewsContainers" 对象之后添加以下内容

"views": {
    "package-explorer": [
        {
            "id": "VIEW_ID",
            "name": "VIEW_NAME"
        }
    ]
}

在 visual studio 代码扩展中将图标添加到 activity 栏

add icon to activity bar in visual studio code extension

visual-studio-code

vscode-extensions