Visual studio code 在vscode中,如何向状态栏添加多个选项

Visual studio code 在vscode中,如何向状态栏添加多个选项,visual-studio-code,vscode-extensions,Visual Studio Code,Vscode Extensions,我计划在状态栏中添加多个选项。可能吗 比如,如果我们单击文件的语言类型,我们会以相同的方式看到多个选项 如何创建它 谢谢使用vscode.window.createStatusBarItem将项目放置在状态栏上。单击项目时,它会运行一个命令,该命令本身会运行vscode.window.showQuickPick,以提示用户从项目列表中进行选择 export function activate(context: vscode.ExtensionContext) { createStatus

我计划在状态栏中添加多个选项。可能吗

比如,如果我们单击文件的语言类型,我们会以相同的方式看到多个选项

如何创建它


谢谢

使用
vscode.window.createStatusBarItem
将项目放置在状态栏上。单击项目时,它会运行一个命令,该命令本身会运行
vscode.window.showQuickPick
,以提示用户从项目列表中进行选择

export function activate(context: vscode.ExtensionContext)
{
    createStatusBarItem(context) ;
}

function createStatusBarItem(context: vscode.ExtensionContext)
{
    // register a command that is invoked when the status bar
    // item is clicked.
    const myCommandId = 'myExtension.statusBarClick';
    context.subscriptions.push(vscode.commands.registerCommand(myCommandId, async () => 
    {
        const pageType = await vscode.window.showQuickPick(
            ['shell', 'fetch rows, list in table'],
            { placeHolder: 'select type of web page to make' });

    }));

    // create a new status bar item that we can now manage
    const item = vscode.window.createStatusBarItem(vscode.StatusBarAlignment.Right, 100);
    item.command = myCommandId;

    context.subscriptions.push(item);

    item.text = `my command`;
    item.tooltip = `status bar item tooltip`;
    item.show();
}