如何将“显示预览”按钮添加到 VS Code 扩展？

Question

我有一个分析自定义 JSON 和 YAML 文件的 VS Code 扩展。所以在项目的package.json中，有这样的：

    "activationEvents": [
        "onLanguage:yaml",
        "onLanguage:json",
        "onCommand:extension.sidePreview"
    ],

每当有人打开其中一个文件时，我想在编辑器的右上角添加一个“显示预览”图标：

于是我在项目中添加了对应的icon资源，并且：

"contributes": {
        "commands": [
            {
                "command": "extension.sidePreview",
                "title": "Preview file",
                "icon": {
                    "dark": "./resources/open-preview-dark.svg",
                    "light": "./resources/open-preview-light.svg"
                }
            }
        ],
        "menus": {
            "editor/title": [
                {
                    "command": "extension.sidePreview",
                    "when": "true"
                }
            ]
        },

但这不起作用...我没有看到任何图标。

我还想确保此按钮和命令仅在 server.ts 中的函数 isCustomFile 返回 true 时可用。有没有办法做到这一点？

Answer 1

那是因为您在menus 下添加了错误的部分。

您应该改为添加editor/title。

Reference