在vscode中设置扩展名的图标

asv*_*asv 4 visual-studio-code vscode-extensions

我已经为vscode创建了一个扩展(尚未发布,只安装了localy),如何在vscode的扩展部分设置一个图标?

Fab*_*uer 7

您可以在扩展程序的package.json文件中设置图标,该文件也称为"扩展程序清单".

将调用图标路径的字段调用"icon".图标文件本身必须是128x128像素.如Philipp Kief在评论中所述,您应该使用PNG文件,而不是SVG.

例:

{
    "name": "extension-name",
    "displayName": "Extension Name",
    "description": "...",
    "icon": "images/spellIcon.png",
    "version": "0.0.1",
      ...
Run Code Online (Sandbox Code Playgroud)

有关VS Code的官方页面的更多信息.

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