vscode原生不支持按文件后缀设置文件名文字颜色，因files.associations仅影响编辑器内语言解析（如语法高亮、跳转），与文件资源管理器的dom渲染无关；文件树文字色需依赖图标主题（如material-icon-theme）通过彩色图标实现视觉区分，而非纯文字染色。
VSCode 原生不支持按文件后缀（如 .ts、.py）直接设置文件名文字颜色，所有试图在 settings.json 里用 files.associations 或 editor.tokenColorCustomizations 改文件树文字色的操作，都会失败。
为什么 files.associations 不影响文件名颜色
这个配置只告诉 VSCode “用哪种语言服务解析该文件”，比如把 .api 当作 json 处理，它改变的是编辑器内的语法高亮和智能提示，和文件资源管理器里的文字渲染完全无关。常见错误现象是：加了 "*.test.js": "javascript" 后，文件树里 index.test.js 还是灰色，图标也没变——因为图标和文字色由另一套机制控制。
-
files.associations影响的是右下角语言模式、括号匹配、跳转定义等编辑行为 - 文件树中每个文件节点的 DOM 元素不带扩展名 class，原生 CSS 无法按后缀选择
- 即使你用
Developer: Inspect Editor Tokens and Scopes查语法 token，那也只对编辑器内文本有效，不作用于侧边栏
真正能区分文件后缀的视觉方案只有图标主题
VSCode 文件资源管理器的视觉区分，实际依赖的是「图标主题」提供的图标 + 微调的文字色调联动。这不是纯文字染色，而是通过图标颜色权重引导人眼快速识别类型。
- 安装
material-icon-theme或vscode-icons后，在命令面板执行Preferences: File Icon Theme选中它 - 必须点击右下角弹出的
Reload Window，否则图标不加载 -
.ts默认配蓝色齿轮图标、.js是黄色文档、.py是蓝白蛇形——这些图标自带色彩锚点，比纯文字色更可靠 - 若某些后缀没图标（如
.env.local），可在settings.json中加："material-icon-theme.files.associations": { ".env.*": "gear" }
硬要改文字色？只能靠 Custom CSS 注入（不推荐）
桌面版 VSCode 允许用 Custom CSS and JS Loader 扩展注入样式，但这条路极不稳定：
- 需手动设置
extensions.experimental.affinity为1，且每次 VSCode 升级后大概率失效 - CSS 选择器得写成类似
.monaco-list-row .file-icon[data-name$=".ts"] + .label-name，依赖 DOM 结构，VSCode 小版本更新就可能破坏 - 性能上会拖慢窗口启动，尤其项目文件多时
- Web 版 VSCode 完全不支持此方式
真正值得花时间的地方，是选好图标主题、配好语言关联、用好目录分组（如 src/frontend/ vs src/backend/），而不是执着于让 .ts 文字变蓝——后者看似精细，实则维护成本高、兼容性差、升级即废。
