让你的 VSCode 文件图标更好看的10个文件图标主题

简介: 一个好用的文件图标主题除了能够愉悦身心之外,对于开发的效率也会有很大的提升,可以帮助我们更快地找到需要的文件,或者发现文件命名中的错误。这篇文章总结了我用过的最棒的 10 个文件图标主题。

VSCode 是一款高度自定义的代码编辑器,具有丰富的插件生态系统。我们可以利用插件来对编辑器的功能、外观、图标等等进行自定义。编辑器默认的设置有时候并不符合我们的审美和习惯,因此正确地配置编辑器主题能够大大提高我们的效率。

笔者平时在开发之余浏览了很多 VSCode 插件市场中的颜色主题和文件图标主题,关于推荐的颜色主题我之前写过两篇文章进行了总结:

😝分享几个好玩的 VSCode 主题
\
🌈冷门但好看的 VSCode 主题推荐

一个好用的文件图标主题除了能够愉悦身心之外,对于开发的效率也会有很大的提升,可以帮助我们更快地找到需要的文件,或者发现文件命名中的错误。这篇文章就给大家总结一下我用过的最棒的 10 个文件图标主题。

如何修改文件图标主题

点击左下角的设置,选择 Themes,点击 File Icon Theme,就会弹出如图所示的窗口。

2023-06-17-20-45-42.png

2023-06-18-22-45-40.png

此时就可以进行文件图标主题的选择了。VSCode 默认的文件图标主题是 Minimal 和 Seti,如果你没有安装其他的文件图标主题能够选择的就只有这两个。

Material Icon Theme

Material Icon Theme 是 VSCode 中最受欢迎的文件图标主题,采用了谷歌的 Material 设计风格。其特点是图标非常的丰富,而且辨识度很高,色彩丰富,让人看了非常愉悦。

image.png

以后缀名为pug的文件为例,pug是一种HTML模版文件,而这个单词的原意是哈巴狗,因此其图标也是一只可爱的哈巴狗。

2023-06-19-11-04-21.png

除了丰富的文件图标之外,Material Icon Theme 还有丰富的文件夹图标,这也是我非常喜欢的一点。文件夹会根据名称变换图标,方便快速定位需要的文件夹,也可以作为文件夹名称拼写错误的提醒。

2023-06-19-12-22-55.png

完整的图标列表可以点击链接到插件的详情页面查看。

下载链接

Material Theme Icons

这个主题的名字和上一个主题很像,只是调换了后两个单词的位置,但他们实际上是两个完全不同的插件。虽然都是基于 Material 风格的,但 Material Theme Icons 的色调更浅,风格也更加卡通化。其文件夹图标相对来说也没有第一个主题丰富。

2023-06-19-12-29-13.png

下载链接

VSCode Icons

VSCode Icons 的受欢迎程度仅次于最开始介绍的 Material Icon Theme,其文件图标同样非常丰富,而且也有丰富的文件夹图标,对于文件的识别有很大的帮助。这款文件图标主题还支持图标自定义和自定义图标的导入。

ezgif.com-gif-maker (1).gif

下载链接

VSCode Great Icons

VSCode Great Icons 同样是插件市场中非常受欢迎的一款文件图标主题,其特点是图标的配色风格非常的鲜艳活泼,辨识度很高。另外一个好用的小细节是对打开的文件夹和关闭的文件夹会有明显的颜色差别用以区分。美中不足的是这款主题包含的文件夹图标比较少。

2023-06-22-10-51-24.png

下载链接

Monokai Pro Icons

Monokai Pro Icons 是 Monokai 团队从零开始创建的,以确保侧边栏中的小尺寸图标便于识别,让用户能够快速定位到正确的文件。Monokai Pro Icons 是下载 Monokai Pro 颜色主题时附带的文件图标主题,如果你喜欢使用 Monokai 风格的颜色主题,这款文件图标主题就非常适合你。

2023-06-22-11-27-56.png

下载链接

City Lights Icon

City Lights Icon 是 City Lights 这个颜色主题附带的,有黑白和彩色两种色调。它是我个人非常喜欢的一款文件图标主题,跟各个深色的颜色主题都非常适配,所以即便你用的不是 City Lights 这个主题,也可以尝试。顺带一提,City Lights 这个颜色主题也是非常不错的。

2023-06-22-11-49-37.png

下载链接

Chalice Icon Theme

不同于前面介绍的那些文件图标主题,Chalice 是一款最小化的文件图标主题,只包含了十种不同的图标。

大多数图标主题都包含了为每一个现有框架而创建的数百个图标,这会导致分心,让文件资源管理器看起来就像是在屏幕上贴上了很多贴纸。Chalice 的作者认为那些图标只应该用于它们最初的目的:作为代表文件的贴纸和装饰,而不是用于导航。因此Chalice 舍弃了光鲜亮丽但无用的图标,而是将文件分成10个易于记忆的类别,用简单的单色符号进行标记。

这些类别包括:

  • 不属于其他类别的普通文件
  • 图片文件
  • JSON-like 文件
  • XML-like 的文件
  • 样式文件
  • 脚本文件
  • Lisps
  • 代码文件
  • Haskell文件(理论上的特殊类别)
  • Markdown文件

2023-06-22-12-01-33.png

下载链接

Catppuccin Icons

Catppuccin 是一款开源的颜色主题配色方案,旨在打造低对比度和高对比度之间的中间路径,其颜色以暖色调为主,色彩很丰富。

Catppucin Icons 是 Catppucin 主题的配套文件图标主题,包含了丰富的文件图标和文件夹图标。其最大的特色是其图标都是空心的,所以会导致在某些情况下可见度非常的差。如果你用的是 Catppucin 的颜色主题,使用其文件图标主题就非常适配,如果是用的其他的颜色主题就要小心了。

2023-06-22-12-09-30.png

下载链接

Ayu Icons

Ayu Icons 是 Ayu 主题的配套文件图标,风格类似于 VSCode Great Icons,颜色以橙红色调为主,在深色和浅色主题下都有比较好的观感。

2023-06-23-00-04-33.png

下载链接

Bearded Icons

Bearded Icons 是 Bearded 颜色主题的配套文件图标,图标种类很全,图标风格相对来说比较简洁,不会那么花里胡哨,适合深色模式的颜色主题使用。

2023-06-23-11-12-39.png

总结

这篇文章介绍了十个好用的文件图标主题,这些主题中有的图标非常丰富,有的则是以简洁著称,还有的则是和特定的颜色主题绑定,大家可以根据自己的喜好进行选择,来让自己在 VSCode 中写代码的体验更上一层楼。

你还用过哪些好用的文件图标主题呢?在评论区和大家分享吧😊

本文作者 wzkMaster,如果对你有帮助的话欢迎点赞收藏哦~

相关文章
|
1月前
vscode点击通过import引入方法名或模块名跳转其定义的文件
window点击ctrl(MAC点击command)+通过import引入的文件、方法等到,跳转到其定义的页面
125 0
|
4月前
|
前端开发
解决VScode在保存less文件时,自动生成对应的css文件以及安装Easy less之后,计算式子不显示结果的问题
解决VScode在保存less文件时,自动生成对应的css文件以及安装Easy less之后,计算式子不显示结果的问题
|
8月前
|
开发者
冷门但好看的 VSCode 主题推荐
笔者在使用VSCode进行开发的过程中喜欢没事就逛一逛插件商店里的颜色主题,也看过国内外许多论坛上面的颜色主题推荐,不知不觉已经下载了超过一百个的颜色主题。这篇文章总结了我用过的最舒服的一些颜色主题。
3052 0
冷门但好看的 VSCode 主题推荐
|
3天前
【VSCode】自动生成文件头部注释和函数注释
【VSCode】自动生成文件头部注释和函数注释
7 0
|
2月前
|
C语言 C++
VScode中C++多文件编译运行问题(使用code runner配置)
VScode中C++多文件编译运行问题(使用code runner配置)
|
3月前
|
前端开发 iOS开发 MacOS
vscode自动跟随Mac或window系统系统切换主题色-白天用亮色主题、晚上用暗黑主题
vscode自动跟随Mac或window系统系统切换主题色-白天用亮色主题、晚上用暗黑主题
113 0
|
3月前
|
Ubuntu 网络安全 C语言
vscode 编译多个当前目录下cpp文件,报错未定义标识符的问题
vscode 编译多个当前目录下cpp文件,报错未定义标识符的问题
68 0
|
3月前
|
JSON 数据格式
vscode中读取json文件settings.json进行适配主题的方法
vscode中读取json文件settings.json进行适配主题的方法
|
4月前
在vscode下将ipynb文件转成markdown(.md文件)的方法
在vscode下将ipynb文件转成markdown(.md文件)的方法
189 0
|
4月前
在vscode中修改m文件后,在matlab中再修改一次才能运行
记录vscode与matlab联合使用出现的问题
30 1