vscode无法跳转vue组件主因是路径别名未被识别且volar未接管：需配置jsconfig.json/tsconfig.json的baseurl和paths、启用volar take over mode、禁用vetur、将.vue文件语言模式设为vue，并彻底重启vscode窗口。
VSCode 无法跳转 Vue 组件，90% 的情况不是代码写错了，而是路径别名根本没被识别——import 里写的 @/components/UserCard.vue 在 VSCode 看来只是普通字符串，不指向任何文件。
为什么 @/xxx 在 import 里能补全，但在 router.push() 里点不动
VSCode 的路径解析能力只作用于模块导入上下文（import / require），这是 TypeScript / JavaScript 语言服务的原生行为。而 router.push('/user') 或 { name: 'User' } 是运行时逻辑，语言服务默认不分析。
-
import User from '@/views/User.vue'能跳转，是因为jsconfig.json配置让语言服务“知道”@/指向哪 -
router.push({ name: 'User' })中的'User'是纯字符串，VSCode 原生不支持基于路由配置的符号跳转 - 要支持
<router-link to="/xxx"></router-link>补全，必须装插件，比如Vue Router IntelliSense（仅限 Vue 3 +createRouter） -
component: () => import('@/views/User.vue')这种写法可以跳转，因为 import 字符串仍处于模块解析上下文中
jsconfig.json 配置错一个字符就失效
路径映射不是“写了就行”，compilerOptions.paths 必须严格满足格式要求，否则 VSCode 完全忽略整个配置块。
-
"baseUrl": "."是前提：它让paths的相对路径以项目根为基准；设成"src"或"./src"都无效 -
"@/*": ["src/*"]中的value必须是数组，且结尾带/*；["@/src"]❌，["src/*"]✅ - 如果组件分散在
src/components和src/views，不能只配一条"@/*": ["src/*"]，得显式补全："@/components/*": ["src/components/*"]、"@/views/*": ["src/views/*"] - Vue 2 项目用
jsconfig.json，Vue 3 + TS 项目必须用tsconfig.json，且include要覆盖"src/**/*"和"shims-vue.d.ts"
Volar 没接管 .vue 文件，一切跳转都白搭
即使 jsconfig.json 配对了、插件也装了，如果 Volar 没真正接管 .vue 文件，模板里的 <usercard></usercard> 就只是 HTML 标签，没有任何语义。
- 右下角状态栏显示
HTML或Plain Text？点击它 → 选Vue（不是Vue HTML或Vue (Vetur)） - 装了 Volar 却没弹出 “Take Over Mode” 提示？按
Ctrl+Shift+P输入Volar: Take Over Mode手动开启 - Vetur 和 Volar 同时启用 = 直接冲突：卸载 Vetur，重启 VSCode 窗口（仅重载不生效）
- 确认状态栏显示的是
Volar (TS)或Volar，而不是Vetur或空白
最常被忽略的其实是重启动作：改完 jsconfig.json 或切换语言模式后，**必须关闭并重新打开整个 VSCode 窗口**，否则索引缓存不会刷新，跳转依旧失败。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
