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

Posted 2023-02-15

【中文标题】在 vscode 中设置扩展的图标或徽标

【英文标题】：Set icon or logo for extension in vscode

【发布时间】：2017-08-10 03:58:51

【问题描述】：

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

【参考方案1】：

您可以在扩展的package.json文件中设置图标，该文件也称为“扩展清单”。

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

例子：

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

More on VS Code's official page.

【讨论】：

在 VS Code 中编辑 package.json 时，如果 repository 未指向 https 服务的存储库，您将收到警告，“图标需要具有 HTTPS 协议的存储库在此 package.json 中指定”。但是，vsce 实际上并不关心，无论如何都会为您构建 VSIX。

@zanedp 如果你认为是bug，可以开票here

@F***Lauer 谢谢，我做到了。