在扩展上使用默认的 VS Code 图标

alj*_*sim 5 visual-studio-code vscode-extensions

我正在制作 VS Code 扩展来概述 TypeScript 代码结构。我想知道如何在自定义树视图中使用 VS Code 在智能感知中使用的相同图标:

在此输入图像描述

Ale*_*ssi 5

2022 年更新:

现在可以在树项中使用代码图标:

getChildren() {
    return [
        {
            collapsibleState: vscode.TreeItemCollapsibleState.None,
            label: 'label',
            // Replace 'circle-outline' with desired codicon: https://microsoft.github.io/vscode-codicons/dist/codicon.html
            iconPath: new vscode.ThemeIcon('circle-outline'),
        }
    ];
}
Run Code Online (Sandbox Code Playgroud)


Gam*_*a11 2

我认为没有任何方法可以引用内置图标,因此您必须在扩展中包含这些图标的副本。这就是vscode-code-outline扩展的作用(以及许多其他扩展)。这里有一个相关的功能请求:

[icons] 支持在用户扩展中重复使用 VSCode 图标 (#31466)

这里有一个关于所有内置文档符号/建议图标的很好的概述。这些.svg资产可以在这里找到: