coppyC commented 5 years ago

前言 (又称费话环节。)

下载量最多，好评5颗星，说是最好用的图标插件也不过分吧效果如图: 什么?你说你也用这个，但怎么我的和你的差这么多? 别急，容我细细道来。(不听不听，我要跳过前言)

事实上，之前我也试用过这个插件，但是它很多地方都不是很喜欢，像什么文件夹箭头不能隐藏(后来支持了)，图标乱78糟，有的是带阴影，有的是扁平化设计，不统一，我当时真的很好奇这个库是怎么成为vsc中使用人数最多的图标插件。

以至于很多一段时间中，我一直使用 [Material Theme Icons] (不是[Material Icon Theme])这个插件，这个插件很多地方都让我很满意，唯一不满意的就是一次更新后，js/ts图标换成了官方图标一般图标我都喜欢用官方，但是这个真的很丑啊，有木有? 特别是一排js文件下来，一个个方块十分难看。而我用的这个图标插件又不支持定制，所以我就经常修改图标文件，但这样插件更新的话，修改的东西就没有了。我甚至一度想造轮子，做一个图标插件，但这一切都太花时间，所以我选择修改文件后不更新图标插件来避免重复折腾，但。。。昨天，我不小心点了升级按钮，wtf?

一气之下，我寻找其它插件，看看其它插件经过这么次的版本迭代，会不会符合我的审美。环了一圈，除了[Material Theme Icons]还有一个[ayu]，这个风格让我想起了当年用sublime时装的[amterial主题]，十分亲切，可惜这两货都的js图标都是那样。。。

一次偶然，我发现了vscode-icons支持深度定制，顺藤摸瓜，找到github，找到wiki 于是，折腾就开始了。

自定义图标文件夹

文件夹名字必须是vsicons-custom-icons 具体位置可以参考，每个系统都不一样 https://github.com/vscode-icons/vscode-icons/wiki/Custom

然后里面放图标，每一图标都要按照严格的命名

文件: filetype.svg
文件夹关闭状态: foldertype.svg
文件夹打开状态: foldertype_opened.svg
默认图标: default_.svg

就是一个图标名字的变量，等等配置的时候可以用到，就是那个icon字段。建议都以my开头，避免冲突，这个插件还是特多bug的，我们尽量避免这些bug。比如 file_type_my-txt.svg { "icon": "my-txt", "extensions": ["txt"], "format": "svg" } 这里踩了不少坑如果要修改默认图标，命名只能以 default_ 开头还有就是文件夹里面的图标全都要按上面的命名，不然会有莫名奇妙的不生效bug 默认图标就是匹配不到图标时显示的 # 设置放好你的图标，改好名字后，就可以开始配置了配置这边可以看一下官方wiki，挺多例子的，很全面 https://github.com/vscode-icons/vscode-icons/wiki/FineTuning 修改完后保存会提示重启vsc，如果点了重启后没有重启，那恭喜你触发神秘bug了检查一下前面的图标命名啊，移除一些图标出文件夹什么的来排错出错了插件也不提示，真的是很难不过最后也算踩了挺多坑的，总结出了上面那些规律也算给没折腾过的人减少一些折腾成本吧

coppyC commented 5 years ago

昨天更新到 9.0.0，结果bug太多了，多到甚至自定义图标都用不了了，今天一看，可以更新到9.1.0，结果还是用不了自定义图标，回滚到 8.8.0 版本，彻底到这个插件很失望，估计用这个插件的人都不折腾自定义图标的吧，这么明显的bug，我也懒得提 issue了

coppyC commented 4 years ago

---------------------- 2019-11-26 更新 ----------------------

今天这个插件又更新了，我自定义的图标又失效了，目前已切换到Material Icon Theme，虽然自定义化程度低了一点，但至少比较稳定，不会因为更新坏掉

coppyC / blog

[2019-07-25] 目前vscode中定制程度最高的图标插件----vscode-icons #10

前言 (又称费话环节。)

自定义图标文件夹