现已发布!阅读关于 11 月新增功能和修复的内容。

VS Code 中的文件和文件夹图标!

2016 年 9 月 8 日,作者 Chris Dias,@chrisdias

反抗。叛乱。起义。

这些词都描述了我们第一次在 2014 年为 VS Code 的文件资源管理器树添加图标时的情景。@dmitar-asenov@egamma 苏黎世实验室的一名实习生,他花了几小时“黑”进了一套基本的图标,因为他想在快速浏览文件树时区分文件和文件夹。

当我们开始开发“Monaco”编辑器时,资源管理器中的图标没有被纳入轻量级编辑器。团队喜欢无图标树的简洁、干净的外观。对我们来说,图标显得笨重,价值不大。我们担心要维护 100 多个图标,并让它们与 Visual Studio IDE 保持同步。我们保留了图标实现,以防将来改变主意,但我们从未启用它。

快进到 2016 年 2 月。PR 3200 迫使我们再次讨论,但考虑到我们的“1.0”交付内容和其他功能请求(例如选项卡),我们不得不推迟讨论。

当我们计划 2016 年 8 月的发布时,许多最热门的功能请求都已得到解决,对图标的支持也浮出水面

vscode-icons extension

也许我们 2014 年错了。当时 VS Code 团队的 10 个人很难构成一个具有统计学意义的数据集。200 个赞表明我们需要听取这些反馈并重新审视这个问题。感谢您的反馈!

从一开始就很清楚,我们需要将图标主题化作为 VS Code 的扩展点。不可能设计出一套所有人都同意的图标。如果没有适当的扩展机制,Roberto 不得不修补已安装的源代码,以使 vscode-icons 扩展正常工作。

这种方法不仅意味着每次 VS Code 每日或每月更新时都需要重新安装扩展,而且还引发了一类新的问题,我们无法轻松诊断或修复,因为核心产品在我们发布后被修改了。将来,我们将努力最大限度地降低核心产品损坏的风险,这样用户就不会因为安装扩展而被迫重新安装 VS Code。

文件图标主题

随着 VS Code 1.5 版本的发布,我们现在支持文件资源管理器中的图标。

文件 > 首选项 菜单或 命令面板 (⇧⌘P (Windows、Linux Ctrl+Shift+P)) 搜索文件图标主题

select icon theme

最初我们计划只发布一个名为 Minimal 的简单主题,它只有文件夹打开/关闭图标以及所有类型文件的单个文件图标。

minimal icon theme

Seti 图标主题

当我们测试不同的图标并与 Roberto 合作以确保我们能够支持他的关键场景时,我们发现了 Seti UI 图标,它最初在 Sublime Text 中流行起来。

我们被“征服”了。

I heart seti

团队中的大多数人现在都使用 Seti 图标,所以我们决定将它们包含在产品中供大家享用。只需在文件图标主题选择对话框中选择 Seti (Visual Studio Code) 图标主题即可。

Seti icon theme

注意:您可以在文件图标主题列表中上下箭头移动,并查看所选主题的预览,就像您使用颜色主题一样!

创建自己的图标主题

扩展作者创建自己的文件图标主题包非常容易,请在此处查看原始文档 这里 以及 VS Code 文档中的 “添加新图标主题” 主题。展望未来,我们将根据您的反馈继续完善 API。

再次感谢您的所有反馈,感谢 Roberto 创建了一个流行的扩展并帮助我们提供了出色的 API。

编程愉快,

Chris Dias

© . This site is unofficial and not affiliated with Microsoft.