更改 VSCode 中的树视图图标

Question

我正在为 vscode 创建一个扩展，我正在尝试更改树视图附近显示的图标。

我看过this文档，但不是很详细。

我也尝试过做this帖子中讨论的事情，但它对我不起作用。这里有我的 package.json 的代码：

 "views": {
      "my-sidebar": [
        {
          "id": "my-history-tree",
          "name": "History",
          "contextualTitle": "History",
          "type": "tree",
          "icon": "$(briefcase)"
        }
      ]
    },

我也查看了vscode提供的一些示例，但找不到任何示例。我只找到了 this 一个直接使用 SVG 的。

那么如何在不安装任何依赖的情况下使用vscode的内置图标呢？

Answer 1

您不能使用八角图标作为活动栏和/或视图的图标。相反，您必须使用图像文件，并且建议使用 SVG 格式。

如果将鼠标悬停在

icon

文件中的

package.json

属性，您将看到以下提示：

视图图标的路径。当无法显示视图名称时，会显示视图图标。尽管接受任何图像文件类型，但建议图标采用 SVG 格式。

当您将鼠标悬停在

icon

的

activityBar

消息上时，会显示类似的提示：

容器图标的路径。图标为 24x24，以 50x40 块为中心，填充颜色为“rgb(215, 218, 224)”或“#d7dae0”。尽管接受任何图像文件类型，但建议图标采用 SVG 格式。

希望这有帮助

Answer 2

vscode 文档非常不完整。显然，“视图”部分的视图中的“图标”配置不是要更改图标。但是，如果将视图拖动到无法显示标题的其他位置（例如活动栏），则会显示该图标。但视图旁边出现的图标无法更改。