VS 代码扩展命令图标不起作用

Question

我正在制作一个 VS Code 扩展，需要在顶部栏中有一个运行图标（我不知道它叫什么，但请查看屏幕截图以查看示例）

这是我在package.json

中定义的

{
    ...    
    "contributes": {
        "commands": [
            ...
            {
                "command": "<COMMAND>",
                "title": "Build and Run FTC App",
                "icon": "`$(debug-start)`"
            }
        ]
    },
}

我可以运行命令面板中的命令正常，但图标没有显示。这是一个 extension (the green play button) 的例子（来源：官方 Python 扩展）。

谢谢

Answer 1

您需要在 package.json.

中的两个位置注册命令

"contributes": {
    "commands": [
        {
            "command": "<COMMAND>",
            "icon": "$(play)",
            "title": "Build and Run FTC App"
        }
    ],
    "menus": {
        "editor/title/run": [
            {
                "command": "<COMMAND>",
                "group": "navigation@0",
                "title": "Build and Run FTC App"
            }
        ]
    }
},

首先，在commands部分注册命令。它将此命令添加到命令选项板。这部分是你也写下命令的图标的地方。

此外，您需要将命令添加到 menus 部分下的 editor/title/run 菜单中。

VS 代码扩展命令图标不起作用

VS Code Extension Command Icons Not Working

vscode-extensions