侧边栏文件图标不显示通常因图标主题未启用或设置关闭。1. 通过命令面板启用文件图标主题如Material Icon Theme;2. 安装Material Icon Theme等扩展并重启;3. 检查设置中“Explorer: Show Icons”是否开启;4. 检查settings.json中workbench.iconTheme配置,确保非空并正确设置主题。多数情况下按步骤操作即可恢复图标显示。

VSCode 侧边栏文件图标不显示,通常是因为图标主题未正确启用或相关设置被关闭。这个问题不影响功能,但会影响视觉识别效率。下面是一些常见原因和解决方法:
1. 检查是否启用了图标主题
VSCode 默认自带多种图标主题(如 Material Icon Theme、Minimal Icon Theme 等),但需要手动启用。
- 打开命令面板:Ctrl + Shift + P(macOS 上是 Cmd + Shift + P)
- 输入并选择:Preferences: File Icon Theme
- 从列表中选择一个图标主题,比如 Material Icon Theme 或默认的 Minimal
选择后,侧边栏应该立即显示文件图标。
2. 安装图标扩展(如 Material Icon Theme)
VSCode 自带基础图标主题,但更丰富的图标通常来自扩展。
- 点击左侧扩展图标(或按 Ctrl+Shift+X)
- 搜索 Material Icon Theme
- 安装并重启 VSCode
- 再通过命令面板启用该图标主题
这是最常用的图标包,支持大量语言和框架的专属图标。
3. 检查设置中是否禁用了图标
可能误操作关闭了资源管理器中图标的显示。
- 打开设置(Ctrl + ,)
- 搜索 show icons
- 确认 Explorer: Show Icons 选项是启用状态
4. 配置文件问题
如果之前修改过 settings.json,可能手动关闭了图标。
- 打开命令面板,输入 Preferences: Open Settings (JSON)
- 检查是否有类似以下配置:
-
"workbench.iconTheme": null或"workbench.iconTheme": "" - 删除这一行,或改为
"workbench.iconTheme": "material-icon-theme"
保存后重启 VSCode 即可生效。
基本上就这些。多数情况下,只要确保图标主题已安装并正确启用,侧边栏图标就会正常显示。不复杂但容易忽略。










