在vscode中设置扩展名的图标

时间:2017-03-18 16:45:26

标签: visual-studio-code vscode-extensions

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

1 个答案:

答案 0 :(得分:6)

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

您在其中设置图标路径的字段称为"icon"。图标文件本身必须是128x128像素。如Philipp Kief在评论中所述,您应该使用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