在 vscode 中添加特定于语言的图标答案

【问题标题】：adding a language-specific icon in vscode在 vscode 中添加特定于语言的图标
【发布时间】：2017-06-16 22:39:06
【问题描述】：

我已经创建了一个语言扩展（语法突出显示等），现在想将特定图标与语言（或具有在我的扩展中指定的扩展名的文件）相关联。

我注意到"icon" 文件中有一个"icon" 属性，并尝试将此属性绑定到我的.svg 文件。但是，虽然语法突出显示在测试文件上工作得很好，但我没有看到与该文件关联的自定义图标。

在哪里添加对我的.svg 文件的引用？我是否必须以某种方式将我的 .svg 文件贡献给 Seti 文件图标主题？

【问题讨论】：

你应该接受@herrbischoff 的回答

标签： visual-studio-code vscode-extensions

【解决方案1】：

文件和文件夹图标为defined in icon sets，默认设置为Seti。目前确实没有办法在扩展中重新定义这些图标，缺少creating your own 图标主题。 Seti UI 图标是 generated from a dependency 到 main repo，并作为内置扩展提供。

因此，将语法图标包含在 VScode 中的最佳选择是向 Seti UI 存储库提交拉取请求。在某个时候，新图标将被 VScode 开发人员卷成图标字体，您的图标应该会出现。

【讨论】：

【解决方案2】：

不幸的是，您必须在当前版本的 vscode 中指定整个主题图标规范。

github 上有 PR 应该允许扩展默认图标：Support extending icon themes

在它被合并并包含到新版本之前，可以复制默认的seti 配置

https://github.com/microsoft/vscode/blob/master/extensions/theme-seti/icons/seti.woff https://github.com/microsoft/vscode/blob/master/extensions/theme-seti/icons/vs-seti-icon-theme.json

并根据 doc File Icon Theme 将您自己的图标添加到 vs-seti-icon-theme.json 配置中

【讨论】：

【解决方案3】：

在 vscode v1.64 中：

语言默认图标

语言贡献者可以为该语言定义一个图标。

 "contributes": {  
     "languages": [
       {
         "id": "latex",
         // ...
         "icon": {
           "light": "./icons/latex-light.png",
           "dark": "./icons/latex-dark.png"
         }
       }
   ]

如果当前文件图标主题只有该语言的通用文件图标，则会显示该图标。

文件图标主题，如 Minimal 或 None 也不显示文件图标不会使用语言图标。此外，如果文件图标主题有一个图标对于扩展名或文件名，这些将是首选。

文件图标主题可以通过定义自定义新行为 showLanguageModeIcons: true|false 在主题文件中。

showLanguageModeIcons: true 显示默认语言图标，即使主题未指定文件图标
showLanguageModeIcons: false 阻止使用默认语言图标。

https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_64.md#language-default-icons

【讨论】：