直接使用多步输入的VSCode扩展

Question

我想直接使用多步骤输入，例如用户选择F1-并开始步骤选择项目。

目前我找到了下面的示例，并删除了quickOpen和basic输入

https://github.com/microsoft/vscode-extension-samples/blob/master/quickinput-sample/src/extension.ts

import { window, commands, ExtensionContext } from 'vscode';
import { multiStepInput } from './multiStepInput';

export function activate(context: ExtensionContext) {
    context.subscriptions.push(commands.registerCommand('samples.quickInput', async () => {
        const options: { [key: string]: (context: ExtensionContext) => Promise<void> } = {
            multiStepInput,
        };
        const quickPick = window.createQuickPick();
        quickPick.items = Object.keys(options).map(label => ({ label }));
        quickPick.onDidChangeSelection(selection => {
            if (selection[0]) {
                options[selection[0].label](context)
                    .catch(console.error);
            }
        });
        quickPick.onDidHide(() => quickPick.dispose());
        quickPick.show();
    }));
}

    showQuickPick,
    showInputBox,
    multiStepInput,
    quickOpen,

我不想从这个开始

我想从这个开始当用户使用F1

Answer 1

当前的第一时间选项是[multiStepInput]

const options = { multiStepInput }

如果不想显示该步骤，请将options设置为真正需要的QuickPickItem)类型的选项

大概是这样的：

commands.registerCommand('samples.quickInput', async () => {
  const options = ['vscode-data-function', 'vscode-appservice-microservices', 'vscode-appservice-monitor', 'vscode-appservice-preview', 'vscode-appservice-prod'].map(label => ({label}));
  const quickPick = window.createQuickPick();
  quickPick.items = options;
  quickPick.onDidChangeSelection(([{label}]) => {
    window.showInformationMessage(label);
    quickPick.hide();
  });
  quickPick.show();
})

屏幕记录

更新如果您只想跳过第一个快速输入并立即启动multistepinput，您可以删除命令处理程序中的所有其余代码，然后使用

context.subscriptions.push(commands.registerCommand('samples.quickInput', async () => {
  multiStepInput(context);
}));

相当于

options[selection[0].label](context)

因为当选择multistepinput时，选项[selection[0].label]是multistepinput。