VS Code原生不支持按文件夹名设颜色，唯一稳定方案是Material Icon Theme：需同时配置folders.associations（键为纯文件夹名、值为官方图标ID）、folders.color（十六进制色）和folders.theme:"specific"三要素，缺一不可。
VS Code 原生不支持按文件夹名设颜色
直接在 settings.json 里写 folders.nameColorByPattern 或类似配置，会无效——VS Code 没这个字段。所有 workbench.colorCustomizations 中的颜色项（比如 list.focusForeground）都是按 UI 状态（聚焦/悬停/禁用）生效的，无法绑定到具体文件夹名或路径上。你搜到的“文件夹颜色插件”，多数是混淆了图标色和背景色，或者依赖已失效的 CSS 注入方式（VS Code 1.80+ 已屏蔽）。
唯一稳定方案：Material Icon Theme + folders.associations
靠图标语义 + 统一底色实现视觉区分，不是真改文字色，但效果更可靠：
-
"material-icon-theme.folders.associations"把文件夹名映射到预设图标类型（如"src": "src"），值必须来自官方图标列表，不能乱填 -
"material-icon-theme.folders.color"设统一十六进制色值（如"#4285f4"），只接受#RRGGBB格式，不支持rgb()或变量 -
"material-icon-theme.folders.theme": "specific"是开关，缺了它，associations不生效 - 配置必须放在
settings.json顶层，不能嵌套在其他对象里
示例（高亮 src、config、tests）：
"material-icon-theme.folders.associations": {
"src": "src",
"config": "config",
"tests": "test"
},
"material-icon-theme.folders.color": "#28a745",
"material-icon-theme.folders.theme": "specific"
常见失效原因和绕过方法
配完没反应？先检查这三处：
- 工作区
.vscode/settings.json里写了"workbench.iconTheme": null或空字符串，会彻底禁用图标 - 当前启用的图标主题不是
material-icon-theme，而是vscode-icons等——只有前者支持folders.color - 文件夹名含空格或特殊字符（如
my components），associations不识别；可改名，或用folders.associations+files.associations组合间接处理
多层 settings（用户 / 工作区 / 远程）叠加时，优先级容易混乱，建议统一在工作区 .vscode/settings.json 里配置并显式声明。
比颜色更有效的识别方式：换图标 + 醒目色
纯色块容易被忽略，而图标本身带语义，眼睛更敏感。比如：
- 把
"node_modules"映射成"node"图标，再配"#e8433c"红色，比单纯染文字更抓眼 -
"dist"用"dist"图标 +"#ff9800"橙色，"docs"用"docs"图标 +"#3f51b5"深蓝
真正麻烦的不是怎么配，而是图标类型拼写错误、主题未启用、或 color 值格式不对——这三个点卡住 90% 的人。
