在 VSCode 扩展中构建动态菜单

Question

我正在编写一个 VSC 插件，在激活时，我想进行 XHR 调用，然后使用该 XHR 的结果填充菜单。似乎没有办法将菜单动态添加到状态栏或将动态项目添加到项目列表。

Answer 1

你不能那样做。由于其 声明式方法 .

，所有命令必须在 package.json 中预先定义

但是，您可以模仿这种行为。为此，您必须使用 vscode.window.showQuickPick API，添加您从 XHR 调用中收到的项目。这种动态方法的一个很好的例子是MDTools extension。

此外，还有一个供您入门的示例代码：

let items: vscode.QuickPickItem[] = [];
  
for (let index = 0; index < yourHXRResultItems.length; index++) {
  let item = yourHXRResultItems[index];
  items.push({ 
    label: item.name, 
    description: item.moreDetailedInfo});
}

vscode.window.showQuickPick(items).then(selection => {
  // the user canceled the selection
  if (!selection) {
    return;
  }

  // the user selected some item. You could use `selection.name` too
  switch (selection.description) {
    case "onItem": 
      doSomething();
      break;
    case "anotherItem": 
      doSomethingElse();
      break;
    //.....
    default:
      break;
  }
});

在 VSCode 扩展中构建动态菜单

Build Dynamic Menu in VSCode Extension

visual-studio-code

vscode-extensions