真正支持自定义文件类型扩展的Icon Pack插件只有vscode-icons和Material Icon Theme；其中Material Icon Theme配置更直观，原生支持fileExtensions与fileNames双维度映射，且推荐优先使用。
哪些 Icon Pack 插件真正支持自定义文件类型扩展
VSCode 默认的图标主题对常见语言覆盖尚可，但遇到 .env.local、.prettierrc.cjs、Dockerfile.prod 这类带后缀或前缀的文件时，几乎一律显示为通用文档图标。能解决这个问题的插件极少，多数只是美化已有类型——真正支持「按文件名模式匹配」的只有 vscode-icons 和 Material Icon Theme 两个主流选项。
其中 Material Icon Theme 配置更直观，且原生支持 iconDefinitions + fileExtensions / fileNames 双维度映射；vscode-icons 虽然也支持，但需手动编辑 JSON 文件，且部分版本对正则匹配支持不稳定。
- 优先选
Material Icon Theme，它在设置里提供material-icon-theme.files.associations这个可编辑对象 - 不要装“Enhanced Icons”之类名字花哨的插件——它们基本只改颜色、不增规则
- 重启 VSCode 后才生效，热重载不触发图标刷新
如何让 .env.* 类文件显示锁形图标
这是最常被问到的需求，本质是把通配符路径映射到已有图标 ID。Material Icon Theme 内置了 lock 图标，但默认未绑定任何文件名模式。
打开 VSCode 设置（Ctrl+,），搜索 material-icon-theme.files.associations，点击「Edit in settings.json」，添加如下条目：
"material-icon-theme.files.associations": {
".env": "lock",
".env.*": "lock",
".env.*.*": "lock"
}
注意：.env.* 是合法键名，VSCode 会按字符串字面量精确匹配文件名（不是 glob 或正则）；所以 .env.production 匹配成功，但 .env.local.js 不会——后者需要额外加一行 ".env.local.js": "lock"。
- 键名必须以点开头，否则不识别为文件扩展名/名称规则
- 值必须是图标主题内置的 ID（如
lock、docker、yaml），不能填自定义路径 - 如果想区分环境文件，可用不同图标：例如
".env.dev": "coffee"
为什么 Dockerfile.* 总显示空白图标
因为 VSCode 默认只把 Dockerfile（无后缀）识别为 Docker 类型，而 Material Icon Theme 的 docker 图标只绑定了这个精确名称。所有带后缀的变体（Dockerfile.prod、Dockerfile.test）都 fallback 到默认文档图标。
解决方式不是加 "Dockerfile.*": "docker"（这无效），而是用 fileNames 规则配合通配符语法（仅 Material Icon Theme v4.20+ 支持）：
"material-icon-theme.files.associations": {
"Dockerfile.*": "docker"
}
该写法在较新版本中有效，但旧版会静默忽略。验证方法：打开命令面板（Ctrl+Shift+P），运行 Developer: Toggle Developer Tools，查看 Console 是否有 Invalid file association key 报错。
- 低于 v4.20 的版本只能逐个写死：
"Dockerfile.prod": "docker"、"Dockerfile.test": "docker" - 别试图用正则，比如
"Dockerfile\..*"—— 插件根本不解析反斜杠 - 大小写敏感：
dockerfile.prod不会匹配，必须全大写开头
自定义图标文件路径不生效的三个硬性限制
有人尝试把本地 SVG 图标路径写进 material-icon-theme.folders.associations，结果图标始终不出现。这不是配置问题，而是插件根本没开放这个能力：所有图标资源必须打包进插件本身，无法动态加载外部文件。
你唯一能控制的是「用哪个已有的图标」，而不是「用我自己的 SVG」。如果真需要完全自定义，必须 fork material-icon-theme 仓库，把 SVG 加进 icons/ 目录，再重新构建发布——普通用户不现实。
-
material-icon-theme的iconDefinitions只允许引用插件内置图标 ID，不接受 URL 或本地路径 - 社区里所谓“支持自定义图标”的教程，99% 是误导，实际只是改了颜色或用了已有图标变体
- 图标缓存极顽固：改完配置后，除了重启 VSCode，还建议清空
~/.vscode/extensions/ms-vscode.vscode-icons-*下的out目录再试
文件图标这件事，表面是美化，实则是 VSCode 文件类型识别 + 插件图标映射 + 用户配置三者耦合的结果。任何一个环节断链，都会表现为“明明配了却不显示”。调试时先确认文件是否被正确识别为对应语言（看右下角状态栏），再查插件版本，最后动配置——顺序错了，花半天也白搭。
