File Icon Theme 插件可显著提升 vscode 资源管理器的直观性，主流选项包括：一、vscode-icons，支持高度定制化 svg 图标与框架增强；二、Material Icon Theme，遵循 Material Design，自动适配主题并强化文件夹语义；三、Tabler Icons for VS Code，提供 2000+ 线性风格图标，支持自定义文件类型映射。
如果您希望在 visual studio Code 中让文件和文件夹图标更具辨识度与视觉层次感，File Icon Theme 插件可显著提升资源管理器的直观性。以下是几种主流且维护活跃的图标主题插件及其配置方式：
本文运行环境：macBook air，macOS Sequoia。
一、vscode-icons
该插件提供高度定制化的 SVG 图标集，覆盖数百种语言、框架和配置文件类型，并支持自定义文件关联与颜色映射。它通过扩展文件图标语义，使不同后缀的文件在侧边栏中呈现差异化视觉标识。
1、打开 VSCode，点击左侧活动栏的扩展图标（或按 Cmd+Shift+X）。
2、在搜索框中输入 vscode-icons，选择作者为 Roberto Huertas 的官方版本。
3、点击“安装”，安装完成后重启 VSCode 或执行命令面板（Cmd+Shift+P）并输入 Icons: Activate Icons 启用主题。
4、如需进一步配置，可在设置中搜索 vsicons.presets，启用包括 angular、js、react 等特定框架图标增强选项。
二、Material Icon Theme
基于 Material Design 规范设计，图标风格统一、线条简洁，支持深色/浅色主题自动适配，并内置大量项目级文件夹图标（如 .vscode、node_modules、src 等），提升项目结构感知效率。
1、在扩展市场中搜索 Material Icon Theme，确认作者为 Philipp Kief。
2、点击安装并启用后，执行命令面板（Cmd+Shift+P），输入 Material Icon Theme: Activate 并回车。
3、进入设置界面，搜索 material-icon-theme.folders，可切换文件夹图标样式为 specific 或 classic 模式。
4、如需隐藏特定文件夹图标（例如 dist、build），可在设置中修改 material-icon-theme.showUpdateMessage 为 false 并调整 material-icon-theme.disabledFolders 数组。
三、Tabler Icons for VS Code
采用开源 Tabler Icons 图标库，提供超过 2000 个线性风格 SVG 图标，强调一致性与可读性，特别适合偏好极简界面与高对比度图标的开发者。
1、在扩展面板中搜索 Tabler Icons for VS Code，安装由 tablericons 官方发布的版本。
2、安装完毕后，执行命令面板（Cmd+Shift+P），输入 Tabler Icons: Enable 启用图标包。
3、通过设置搜索 tabler-icons.enableFolders 控制是否为标准文件夹显示专属图标。
4、若需为自定义文件类型（如 .astro、.svelte）添加图标映射，可编辑工作区 settings.json，添加 tabler-icons.fileExtensions 对象并指定 icon 名称。