【问题标题】:Set icon or logo for extension in vscode在 vscode 中设置扩展的图标或徽标
【发布时间】:2017-08-10 03:58:51
【问题描述】:

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

【问题讨论】:

    标签: visual-studio-code vscode-extensions


    【解决方案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
    • @FabianLauer 谢谢,我做到了。
    猜你喜欢
    • 2016-12-22
    • 2020-02-10
    • 2020-03-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多