【问题标题】:Using default VS Code icons on an extension在扩展上使用默认的 VS Code 图标
【发布时间】:2018-07-10 03:25:36
【问题描述】:

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

【问题讨论】:

  • 这是我在副本上发布的答案:stackoverflow.com/a/65329535/1770034
  • @Questionable 这不回答要求文件图标的问题。显然,从今天开始,codicons 只能是产品图标。

标签: visual-studio-code vscode-extensions


【解决方案1】:

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

[icons] Support to allow re-using VSCode icons in user extensions (#31466)

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

【讨论】:

    【解决方案2】:

    现在可以在树项中使用 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'),
            }
        ];
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-07-01
      • 2014-02-11
      • 2020-12-21
      • 1970-01-01
      • 1970-01-01
      • 2020-04-13
      • 2018-04-10
      相关资源
      最近更新 更多