.vue文件无语法高亮主因是files.associations被错误映射覆盖，如"*.vue": "html"或"plaintext"，导致VSCode无视Volar注册的vue语言ID；须检查并修正为小写"vue"，删除冲突项，重启文件生效。
为什么 .vue 文件没语法高亮？检查 files.associations 是否被覆盖
不是插件没装，也不是文件写错了，大概率是 files.associations 里有一条错误映射，比如 "*.vue": "plaintext" 或 "*.vue": "html"。VSCode 一旦读到这条规则，就会无视 Vue 插件注册的 vue 语言 ID，直接用你指定的模式打开。
- 打开命令面板（
Ctrl+Shift+P），运行Preferences: Open Settings (JSON) - 搜索
files.associations，逐行检查值是否为"vue"（小写，无空格，不是Vue、vue-html或html） - 如果发现冲突项，删掉整行；若不确定来源，可先清空该字段，保存后重试
- 工作区级配置（
.vscode/settings.json）优先级高于用户级，记得同时检查两个位置
tailwind.config.js 被当成普通 JS 怎么办？语言 ID 必须匹配插件注册名
Tailwind 官方插件注册的语言 ID 是 javascript，但它的配置文件需要 TypeScript 支持（如类型提示、自动补全），所以常需手动指定为 typescript。但注意：不是所有插件都支持任意语言 ID —— 比如 tailwind.config.js 设成 typescript 有效，而 astro.config.* 必须用 typescript（Astro 插件明确注册了该 ID）。
- 确认插件已启用：在扩展面板搜 “Tailwind CSS IntelliSense”，确保已安装并启用
- 在
files.associations中写："tailwind.config.js": "typescript"（不是javascript，否则类型定义不生效） - 同理，
"astro.config.*": "typescript"、"vite.config.*": "typescript"—— 这些是插件显式声明支持的 ID，不能凭经验瞎猜 - 设错 ID 不会报错，只会静默 fallback 到
javascript，导致类型提示失效
通配符写错会导致规则完全不生效：路径匹配有严格优先级
"pages/**/*" 和 "*.md" 同时存在时，一个 pages/foo.md 文件会命中前者，而不是后者 —— 因为更具体的路径模式优先级更高。但如果你写成 "pages/**/*.md"，它反而比 "*.md" 更精确，会优先生效。
-
*只匹配当前目录下的文件，**才能跨多层目录 -
"Dockerfile-*"匹配Dockerfile.prod，但不匹配Dockerfile（无短横）；要覆盖两者，得加一条"Dockerfile": "dockerfile" - 键名必须带引号，且不能漏掉点：
".env"错，"*.env"对；"myconfig"错，"myconfig.*"或"myconfig"（无扩展名时）才可能生效 - 修改后必须重新打开文件，部分语言模式（如
vue）不会热更新关联
右下角语言模式点错了怎么办？别乱点 “Configure File Association”
点右下角语言名 → 选错语言 → 点“是，始终使用此语言” → VSCode 就会在 files.associations 里加一条永久规则。这个操作不可逆，除非你手动删掉那行 JSON。最常见误操作是把 .js 关联到 plaintext，结果整个项目 JS 文件全变白底黑字。
- 看到右下角显示
Plain Text时，先别急着点“Configure”，先查files.associations有没有冲突项 - 真要临时切语言，用
Ctrl+K Ctrl+M（Windows/Linux）或Cmd+K Cmd+M（macOS）呼出语言选择器，选完不点“始终使用” - 如果已经误配，打开
settings.json，搜文件扩展名（如.js），删掉对应行再保存 - 改完配置后，不要只刷新标签页，要关闭再重开文件，否则缓存可能让旧模式继续生效
