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

Question

我用 quickpick 创建了 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 examples ，其中 QuickPickItem 的用法显示。

结果如下所示:

哪里:

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

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

P.S. You can try window.createQuickPick, but again it gives you more control over the popup, and not the styling of the popup.