将图标添加到QuickPick列表

Nil*_*ann 4 visual-studio-code vscode-extensions

我目前正在编写一个扩展程序,该扩展程序在QuickPick对话框中列出文件。是否可以将图标添加到QuickPickItem的标签?

或者换句话说,重新使用vscode-icons扩展名?

Ale*_*lea 5

据我所知,您不能从vscode-icons扩展名中引用svg 。

可以直接在任何QuickPickItem属性中使用Github Octicons

const items: vscode.QuickPickItem[] = [{label: '$(git-merge) Merge Branch',
                                        description: '$(git-commit) 1 commit',
                                        detail: '$(diff-added) 3 $(diff-modified) 2'}]
vscode.window.showQuickPick(items)
Run Code Online (Sandbox Code Playgroud)

您甚至可以只将字符串数组传递给showQuickPick

vscode.window.showQuickPick(['$(diff-added) Add', '$(diff-removed) Remove'])

  • @NilsRiedemann,如果可能的话,您可以使用utf8“图标”,例如出色的[Gitlens](https://github.com/eamodio/vscode-gitlens/blob/master/src/constants.ts#L92)扩展名。否则,是的,令人讨厌的是,ocitcon可能被过滤器暴露。 (2认同)