在 Visual Studio 代码扩展中将图标添加到活动栏

Question

我是 VSC 扩展开发的新手。

我从扩展 hello world 开始，我想在活动栏上添加一个图标，并在点击它时收到通知。

我将这些行添加到 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) 复制了这些行

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

当我运行扩展程序时，我在活动栏中没有看到任何图标。我应该怎么做才能让这个图标出现在活动栏中，如果点击它，我该如何收到通知？

Answer 1

您还必须指定与您的viewContainer 的id 匹配的"views" 项目

尝试在package.json 的"contributes" 部分中的"viewsContainers" 对象之后添加以下内容

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