在扩展上使用默认的 VS Code 图标
Using default VS Code icons on an extension
我正在制作一个 VS Code 扩展来概述 TypeScript 代码结构。我想知道如何在我的自定义树视图中使用 VS Code 在智能感知中使用的相同图标:
我认为没有任何方法可以引用内置图标,因此您必须在扩展程序中包含这些图标的副本。这是 what the vscode-code-outline
extension does(以及许多其他)。这里有一个相关的功能请求:
[icons] Support to allow re-using VSCode icons in user extensions (#31466)
所有内置文档符号/建议图标都有一个很好的概述here。 .svg
资产可以在这里找到:
现在可以在树项目中使用 codicons:
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'),
}
];
}
我正在制作一个 VS Code 扩展来概述 TypeScript 代码结构。我想知道如何在我的自定义树视图中使用 VS Code 在智能感知中使用的相同图标:
我认为没有任何方法可以引用内置图标,因此您必须在扩展程序中包含这些图标的副本。这是 what the vscode-code-outline
extension does(以及许多其他)。这里有一个相关的功能请求:
[icons] Support to allow re-using VSCode icons in user extensions (#31466)
所有内置文档符号/建议图标都有一个很好的概述here。 .svg
资产可以在这里找到:
现在可以在树项目中使用 codicons:
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'),
}
];
}