vue项目导航需volar（禁用vetur）、css peek（仅支持静态class）、path intellisense（依赖jsconfig.json路径映射）和bookmarks协同，缺一不可。
VSCode 里 Vue 项目导航卡顿、跳转不到定义、模板里点不进 class 对应的样式，基本不是 Vue 版本或配置问题，而是缺了对的插件组合——Volar 是必须项，但光靠它不够，得配 CSS Peek、Path Intellisense 和 Bookmarks 才能闭环。
Volar 必须启用，且不能和 Vetur 共存
Volar 是 Vue 3 官方推荐的语言服务器，替代已停止维护的 Vetur。如果同时启用两者，Ctrl+Click 跳转会随机失效，尤其在 <script setup></script> 里无法推导 defineProps 类型。
- 卸载 Vetur（即使项目是 Vue 2，也建议改用 Volar 的兼容模式）
- 确保
vue文件关联语言模式为Vue（右下角状态栏点击，选 Vue，不是 HTML 或 Plain Text） - 在
settings.json中显式禁用 Vetur："vetur.validation.template": false - 如用 TypeScript，确认
tsconfig.json中"compilerOptions.types"包含"volar"（部分版本需手动加）
CSS Peek 要配合 class 名自动跳转，不是所有 class 都能点
CSS Peek 只对标准写法生效：HTML 中 class="btn primary" 可跳，但 :class="{ active: isActive }" 或 class="item-{{ id }}" 不行——它不解析运行时表达式，只匹配静态类名字符串。
