VSCode语法高亮失效主因是语言模式未识别或语言服务器未启用；需先点击右下角切换为正确语言模式，再确保Pylance/Volar等对应语言服务器已安装并正确配置解释器路径与typeCheckingMode。
VSCode 默认的语法高亮对多数语言够用，但真正影响开发效率的，是高亮是否准确、是否能区分语义（比如区分 props 和 data）、是否支持框架特有语法（如 v-model 或 defineProps）。选错插件或配置不当，反而会让代码“看起来像高亮了”，实则关键部分没着色、类型错误不提示、甚至和格式化工具冲突。
Vue 项目该用 Vetur 还是 Volar？
这是 Vue 开发者最常踩坑的点：两个插件不能共存，且适用版本完全不同。
- Vetur 专为 Vue 2 设计，对
.vue文件的<template>、<script>、<style>三块都有稳定高亮，但对<script setup>支持弱，TS 类型推导基本失效 - Volar 是 Vue 官方推荐的 Vue 3 插件，深度集成 TypeScript，能正确高亮
defineProps、defineEmits的参数类型，还能在模板中跳转到响应式变量定义处 - 如果项目是 Vue 3 +
<script setup>，必须禁用 Vetur，否则ref、computed等响应式 API 不会高亮，且F12跳转会失败
Python 高亮为什么总漏掉类型注解？
默认 Python 插件只高亮基础语法，def func(x: str) -> int: 中的 str 和 int 常常是灰色或无色——这不是 bug，是语言服务器没启用类型感知。
- 必须安装
Pylance插件，并在设置中把python.defaultInterpreterPath指向正确的解释器（尤其是虚拟环境路径） - 确认
python.languageServer设置为Pylance，不是Microsoft或None - 若仍不生效，检查项目根目录是否有
pyrightconfig.json或pyproject.toml，其中typeCheckingMode必须设为basic或strict
Tailwind 类名不自动高亮？检查这三点
bg-blue-500、flex-col 这类类名没颜色，不是插件没装，而是上下文识别失败。
- 确保已安装
Tailwind CSS IntelliSense，且项目根目录存在tailwind.config.js（哪怕内容为空） - 检查 VSCode 打开的是整个项目文件夹，不是单个
.html或.vue文件——插件依赖工作区上下文读取配置 - 若使用 Vue 3 + Volar，需在
settings.json中显式启用模板内支持："tailwindCSS.experimental.classRegex": ["class\s*=\s*['"]([^'"]*)['"]"]
高亮不是“开了就完事”的功能，它本质是语言服务的副产品。真正起作用的从来不是插件图标多漂亮，而是它背后是否连上了正确的语言服务器、是否读到了项目的真实配置、是否和当前框架版本对齐。一个没配好的高亮，比没有更误导人。
