VSCode 使用带描述的快速选择列表项

Question

我创建了 vscode 扩展quickpick，快速选择显示项目列表

const pick = await input.showQuickPick({
            title,
            step: 1,
            totalSteps: 3,
            placeholder: 'Choose runtime',
            items: Runtimes,
            activeItem: typeof state.resourceGroup !== 'string' ? state.resourceGroup : undefined,
            // buttons: [createResourceGroupButton],
            shouldResume: shouldResume
        });

现在我可以显示用户可以选择的数据列表

aaaa
bbbb
cccc

我的问题是否有办法显示带有名称和描述的数据？

喜欢

aaaa            desc for aaaa  
bbbb            desc for bbbb
cccc            desc for cccc

我的意思是向列表中添加附加信息？就像也许键值 https://code.visualstudio.com/api/references/vscode-api#QuickPick

如果不可能，请告诉我

例如test1/2是我要添加到每个条目的值

Answer 1

VSCode showQuickPick可以将string[]（字符串数组）或QuickPickItem数组作为项目。我认为您正在寻找QuickPickItem。

查看VSCode 示例，其中显示了QuickPickItem的用法。

结果如下所示：

在哪里：

• 最左边的字符串是label
• 最右边的字符串是description
• 左下角的字符串是detail

提供的默认快速选择的外观不允许向左或向右浮动标签，它们都是左对齐并遵循 LTR 布局。

PS您可以尝试window.createQuickPick，但它再次让您可以更好地控制弹出窗口，而不是弹出窗口的样式。