如何在 VSCode 扩展的资源管理器视图中指定图标的顺序？

Question

在我的扩展中，我在资源管理器视图的栏上有一些按钮：

如何指定按钮出现的顺序？

我尝试更改属性中package.json命令的顺序commands：

"commands": [
  {
    "command": "codeFragments.exportFragments",
    "title": "Export all fragments to Json",
    "icon": {
      "light": "images/icon-export-light.png",
      "dark": "images/icon-export-dark.png"
    }
  },
  {
    "command": "codeFragments.importFragments",
    "title": "Import fragments from Json",
    "icon": {
      "light": "images/icon-import-light.png",
      "dark": "images/icon-import-dark.png"
    }
  },
  {
    "command": "codeFragments.deleteAllFragments",
    "title": "Delete all fragments",
    "icon": {
      "light": "images/icon-delete-light.png",
      "dark": "images/icon-delete-dark.png"
    }
  }
],

还尝试在我在view/title属性中指定 UI 的部分重新排序：

"view/title": [
  {
    "command": "codeFragments.exportFragments",
    "when": "view == codeFragments",
    "group": "navigation"
  },
  {
    "command": "codeFragments.importFragments",
    "when": "view == codeFragments",
    "group": "navigation"
  },
  {
    "command": "codeFragments.deleteAllFragments",
    "when": "view == codeFragments",
    "group": "navigation"
  }
],

当我推送命令订阅时，还尝试更改部分中的顺序：

context.subscriptions.push(
  vscode.commands.registerCommand('codeFragments.exportFragments', exportFragments));
context.subscriptions.push(
  vscode.commands.registerCommand('codeFragments.importFragments', importFragments));
context.subscriptions.push(
  vscode.commands.registerCommand('codeFragments.deleteAllFragments', deleteAllFragments));

但是这些方法似乎都不会影响顺序，按钮总是以看似偶然的顺序出现。

指定顺序的正确方法是什么？

Answer 1

调试了一段时间vscode源码后，找到了解决办法，排序是在这里进行的：https : //github.com/Microsoft/vscode/blob/master/src/vs/platform/actions/electron-browser/menusExtensionPoint。 ts#L365

基本上可以将订单号附加到@符号后的命令组名称，因此我必须执行以下操作。

"view/title": [
  {
    "command": "codeFragments.exportFragments",
    "when": "view == codeFragments",
    "group": "navigation@0"
  },
  {
    "command": "codeFragments.importFragments",
    "when": "view == codeFragments",
    "group": "navigation@1"
  },
  {
    "command": "codeFragments.deleteAllFragments",
    "when": "view == codeFragments",
    "group": "navigation@2"
  }
],

找到这个后，我再次尝试谷歌，结果这已经被正确记录，但不知何故我在第一次搜索时错过了它：https : //code.visualstudio.com/docs/extensionAPI/extension-点#_sorting-inside-groups