QuickPickリストにアイコンを追加する

現在、QuickPickダイアログでファイルをリストする拡張機能を書いています。 QuickPickItemのラベルにアイコンを追加する方法はありますか？QuickPickリストにアイコンを追加する

つまり、vscode-icons拡張子を再利用しますか？

2017-09-23 Nils Riedemann

あなたが知っている限り、あなたは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)

あなたもちょうどshowQuickPickに文字列の配列を渡すことができます。

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

出典

2017-09-23 11:37:01

それはすてきです！アイコンのコードが表示されていても、フィルタがその文字列と一致すると表示されます。だから、本当に「$（差分）」が表示されています。あなたはその周りに道を知っていますか？ –

@NilsRiedemann優れた[Gitlens]（https://github.com/eamodio/vscode-gitlens/blob/master/src/constants.ts#L92）のように、できるだけutf8の「アイコン」を利用することができます。拡張。それ以外の場合は、フィルタでocitconsを公開することは迷惑です。 –

QuickPickリストにアイコンを追加する

答えて

関連する問題