在 vscode 中设置扩展程序的图标或徽标

Question

我已经为 vscode 创建了一个扩展（尚未发布，仅在本地安装），如何设置一个图标以显示在 vscode 的扩展部分？

Answer 1

您可以在扩展程序的package.json文件中设置图标，也称为"extension manifest"。

设置图标路径的字段称为 "icon"。图标文件本身必须为 128x128 像素。正如 Philipp Kief 在评论中指出的那样，您应该使用 PNG 文件 not an SVG。

示例：

{
    "name": "extension-name",
    "displayName": "Extension Name",
    "description": "...",
    "icon": "images/spellIcon.png",
    "version": "0.0.1",
      ...

在 vscode 中设置扩展程序的图标或徽标

Set icon or logo for extension in vscode

visual-studio-code

vscode-extensions