默认图标对dist/build目录不敏感是因为文件图标主题未内置这些目录的映射，需通过folders.associations将dist、build等名关联到主题已有的图标标识符（如dist、output）才能生效。
为什么默认图标对 dist/build 目录不敏感
VSCode 的文件图标主题（如 material-icon-theme 或 vscode-icons）默认只识别约定俗成的文件夹名，比如 src、node_modules、public 等。像 dist、build、out 这类打包产物目录，多数主题并不内置映射——它们仍显示为普通文件夹图标，失去语义提示。
用 folders.associations 强制绑定图标名
核心方法是通过主题提供的配置项，把自定义文件夹名和已有图标名关联起来。不同主题字段名略有差异，但逻辑一致：
-
material-icon-theme用"material-icon-theme.folders.associations" -
vscode-icons用"vsicons.associations.folders"
以 material-icon-theme 为例，在 settings.json 中添加：
{
"material-icon-theme.folders.associations": {
"dist": "dist",
"build": "dist",
"out": "output",
"release": "package"
}
}
注意："dist" 和 "output" 是该主题内置的图标标识符（不是随便写的字符串），必须严格匹配其图标定义中的 iconDefinitions 键名。查证方式：打开插件源码或文档里的 iconDefinitions 列表（常见值有 dist、output、package、library 等）。
图标不生效？先排除这三类干扰
即使配置正确，也可能看不到变化，常见原因：
- 工作区设置（
.vscode/settings.json）覆盖了用户级设置，优先检查该文件是否禁用了图标主题或写了冲突的folders.associations - 文件夹名含空格或特殊字符（如
dist-prod），主题通常只匹配精确名称；可改用通配符支持更好的主题（如vscode-great-icons支持"dist*"） - VSCode 缓存未刷新：改完配置后，执行命令
Developer: Restart Extension Host，比重启整个编辑器更快生效
想让 dist 目录带“已构建”状态视觉提示？
纯图标无法表达“是否最新”，但可以组合使用：
- 配合
material-icon-theme.hidesExplorerArrows关闭折叠箭头，让dist图标更突出 - 用
workbench.colorCustomizations单独给dist文件夹加颜色（需主题支持 foreground 配置）：
"workbench.colorCustomizations": {
"folderIcons.folder": "#c0392b",
"folderIcons.openedFolder": "#e74c3c"
}
不过这个颜色会作用于所有文件夹——真正精准控制仍得靠主题自身是否暴露了 dist 类图标的 color 覆盖点。目前只有少数主题（如 vscode-great-icons）提供细粒度前景色开关。
