【问题标题】:Is it possible to add new menu bar to right side of editor - VSCode Extension?是否可以在编辑器的右侧添加新的菜单栏 - VSCode 扩展?
【发布时间】:2018-04-24 05:52:47
【问题描述】:

在编辑器右上角,有没有办法添加新的菜单栏项并在其上附加命令?

afaik 我只能使用 "menus" / "editor/title" 向现有菜单项添加条目。

【问题讨论】:

    标签: visual-studio-code vscode-extensions


    【解决方案1】:

    您已经链接到的"editor/title" 应该是正确的位置。以下是内置 Markdown 扩展的示例,uses it to add the "Open Preview To The Side" button.md 文件中:

    "contributes": {
        "menus": {
            "editor/title": [
                {
                    "command": "markdown.showPreviewToSide",
                    "when": "editorLangId == markdown",
                    "alt": "markdown.showPreview",
                    "group": "navigation"
                }
            ]
        }
    }
    

    【讨论】:

      【解决方案2】:

      一点标准化

      “编辑器右上角”和“新菜单栏项”在documentation 中被称为编辑器工具栏和编辑器操作(在本章中查找#10),尽管文档中没有人使用它。

      解决问题

      显示Editor Action的命令按钮

      如你所说,贡献点是editor/title in contributes.menus

      将此添加到您的package.json

      {
        "contributes": {
          "menus": {
            "editor/title": [
              {
                "command": "<YOUR_SPECIFIC_COMMAND>",
                "when": "editorLangId == <YOUR_LANG_ID>",
                "group": "navigation"
              }
            ]
          }
        }
      }
      

      样式 Editor Action 带图标

      您还需要给这个&lt;YOUR_SPECIFIC_COMMAND&gt; 一个图标,命令应该在contributes.commands 中定义,并使用来自products icon 的图标(而不是示例中的.svg),您应该使用像这样的语法: 注意这个&lt;YOUR_SPECIFIC_COMMAND&gt;应该和以前一样。

      {
        "contributes": {
          "commands": [
            {
              "command": "<YOUR_SPECIFIC_COMMAND>",
              "title": "<THIS_WILL_SHOW_IN_CMD_PALETTE_AND_ON_HOVER>",
              "category": "<THIS_WILL_SHOW_IN_CMD_PALETTE_BEFORE_COMMAND>",
              "icon": "$(<default_codicon_ID>)"
            }
          ]
        }
      }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2022-11-13
        • 2019-07-06
        • 1970-01-01
        • 2018-10-03
        • 2020-02-03
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多