VS Code 语法高亮问题根源常在于语言服务器缺失或插件冲突，而非插件不足；应优先启用官方扩展（如 Python、Volar）、禁用过时插件（如 Vetur、Babel JavaScript），并通过 files.associations 正确关联文件类型。
VS Code 默认对 js、ts、html、css、json、md 等文件有基础语法高亮，但“能高亮”不等于“该用什么插件”。真正影响开发体验的，是语言服务器是否就位、语义级提示是否存在、以及特殊语法（如 template 中的 Vue、`` 里的 JS 表达式）能否被正确识别。
Python 文件显示为 Plain Text？装这一个插件就够了
没装插件时，.py 文件右下角显示 “Plain Text”，括号不匹配、注释不着色、def 关键字无高亮——这不是主题问题，是语言支持缺失。
- 只装
Python（Microsoft 官方扩展）即可启用基础高亮 + IntelliSense + 调试 - 若想获得更精准的类型推导和补全，额外启用
Pylance（在设置里把Python Language Server改为Pylance） - 别装多个 Python 插件，
Python和Pylance是官方协同设计的组合，混用旧插件（比如已停更的Python Extension Pack）反而导致语言服务器冲突或启动失败
Vue 单文件组件 template 不高亮？不是 Vetur 的问题
Vue 项目里 <template> 块内 HTML 标签没颜色、v-if 没提示、<script setup> 里 defineProps 报错——大概率是用了过时的 Vetur。
- Vue 3 项目必须用
Volar，不是可选，是硬性要求；Vetur已弃用，对setup语法支持残缺 - 安装
Volar后，需在设置中关闭Vetur（否则两者竞争，vue文件可能被识别为两种语言，高亮错乱） - 如果
.vue文件仍被识别为Plain Text，点击右下角语言模式 → “Configure File Association for ‘vue’” → 选vue，或手动加配置："files.associations": { "*.vue": "vue" }
ES202X / JSX / TSX 高亮异常？Babel JavaScript 插件已失效
打开一个带可选链 ?. 或空值合并 ?? 的 .js 文件，发现这些新语法没高亮，甚至报错“Unexpected token”——VS Code 内置语法解析器其实早已支持，问题常出在插件干扰。
- 别装
Babel JavaScript：它基于老旧的 Atom 语法定义，与 VS Code 当前 TextMate 规则冲突，反而覆盖掉原生支持 - 内置高亮已覆盖 ES2015–ES2024 全部语法，包括
import.meta、top-level await、const {} = {}解构等 - JSX/TSX 高亮依赖
JavaScript和TypeScript扩展（VS Code 自带），只要文件后缀是.jsx或.tsx，且没有被其他插件劫持语言模式，就不会有问题
YAML / TOML / .env 文件没高亮？靠 files.associations 绑定就行
打开 docker-compose.yml 显示为 “Plain Text”，.env 里变量名全灰——这类文件默认不被识别为对应语言，但解决起来不依赖插件。
- 点击右下角语言模式 → “Configure File Association for ‘yml’” → 选
YAML；同理，.env关联到dotenv（需装DotENV插件），.toml关联到TOML - 全局生效可写入
settings.json："files.associations": { "*.yml": "yaml", "*.env": "dotenv", "*.toml": "toml" } - 注意：有些插件（如旧版
YAML插件）会注册自己的语言 ID，导致 VS Code 内置 YAML 支持被绕过，此时应禁用该插件，优先用内置支持
files.associations 是否干净、关掉非必要的语法增强类插件，比盲目搜索“最强高亮插件”更有效。 
