如何订购内联视图工具栏图标？

Question

在编写 VS Code 扩展程序时，我希望在刷新图标的右侧显示“+”图标。但是，package.json 中的排序似乎并不代表呈现的顺序。我总是在刷新图标的左侧看到添加图标。

这是视图定义的sn-p：

{
    "commands": [
      {
        "command": "refresh-jobs",
        "title": "Refresh",
        "icon": {
          "light": "resources/light/refresh.svg",
          "dark": "resources/dark/refresh.svg"
        }
      },
      {
        "command": "add-job",
        "title": "Add",
        "icon": {
          "light": "resources/light/add.svg",
          "dark": "resources/dark/add.svg"
        }
      },
    ],
    ...
    "view/item/context": [
        {
          "command": "refresh-jobs",
          "group": "inline",
          "when": "viewItem == jobgroup"
        },
        {
          "command": "add-job",
          "group": "inline",
          "when": "viewItem == jobgroup"
        },
    ]
}

有什么帮助吗？谢谢！

Answer 1

我发现了这个老问题：Add custom ordering to title menu items.，它建议执行以下操作：

有定义顺序的方法，我很惊讶我们还没有 正确记录...您可以做的是将订单添加到 像这样group: name@number 的组属性。你的情况

{    
 "command": "md-shortcut.toggleBold",
  "when": "editorLangId == 'markdown'",
  "group": "2_markdown_1@1"  
}

我在这里看到它：menu example @n 语法用于排序菜单条目，但我上面引用的问题似乎暗示它也会在标题栏中排序图标。试试这个：

    "view/item/context": [
        {
          "command": "refresh-jobs",
          "group": "inline@1",
          "when": "viewItem == jobgroup"
        },
        {
          "command": "add-job",
          "group": "inline@2",
          "when": "viewItem == jobgroup"
        },
    ]

"group": "inline@1", 注意@1

让我知道它是否适合你。