VSCode 文件关联通过 settings.json 中的 "files.associations" 字段将文件后缀映射到语言模式，支持通配符和精确匹配，分用户级与工作区级设置，配置后需验证状态栏语言名或使用“Change Language Mode”调试。
在 VSCode 中，文件关联（File Associations）用于告诉编辑器：某类后缀名的文件应该用哪种语言模式（Language Mode）来高亮、语法检查和提供智能提示。正确设置能解决“代码没高亮”“自动补全不工作”等问题。
通过设置界面快速配置
这是最直观的方式，适合临时调整或新手使用：
打开 VSCode，按
Ctrl + ,
（Windows/Linux）或
Cmd + ,
（Mac）进入设置界面
在右上角搜索框输入
files.associations
点击 “在 settings.
js
on 中编辑” 链接（右侧带铅笔图标的按钮）
在打开的
settings.json
文件中添加或修改
字段
手动编辑 settings.json 添加规则
所有文件关联最终都落在用户或工作区的
settings.json
中。格式为键值对：键是文件后缀（支持通配符），值是语言标识符（如
、
）：
例如，让所有
文件按 JavaScript 解析：
让
按 JavaScript 解析（精确匹配）：
让
文件用 MDX 支持（需先安装对应扩展）：
注意：语言标识符必须是 VSCode 或已启用扩展所注册的，可通过状态栏右下角点击语言名查看当前有效值
区分用户级与工作区级设置
文件关联可以设在两个位置，作用范围不同：
ChatGPT (Windows)
ChatGPT Windows 版本优化了系统兼容性与响应速度，提供多任务处理和对话记录管理功能，适用于办公辅助、创意写作、学习辅导和日常问答。它能帮助用户快速生成文稿、整理资料和高效获取信息，为个人和团队提供稳定、流畅的生产力体验。
下载
用户设置（User Settings）
：全局生效，路径通常为
（Win）或
（Mac）
工作区设置（Workspace Settings）
：仅对当前文件夹（含 .
vscode
/settings.json）生效，适合项目特定规则，比如把
关联为
语言
工作区设置会覆盖用户设置，优先级更高
验证与调试技巧
改完设置后，不一定立即生效，可这样确认是否成功：
打开目标文件，看右下角状态栏显示的语言名是否符合预期（如显示 “JavaScript” 而不是 “Plain Text”）
按
Ctrl + Shift + P
输入 “Change Language Mode”，回车后可临时切换并测试效果
如果语言未列出，说明该语言模式未被加载——可能需要安装对应扩展（如 Vue、Rust、TOML 等）
重启 VSCode 或重新打开文件，有时可解决缓存导致的延迟识别
基本上就这些。文件关联不复杂但容易忽略，配对准确后，编辑体验会明显提升。
"files.associations"javascriptmarkdown.es"*.es": "javascript"webpack.config.js"webpack.config.js": "javascript".mdx"*.mdx": "mdx"%APPDATA%\Code\User\settings.json~/Library/Application Support/Code/User/settings.jsonconfig.yamlansible