vscode路由路径补全需先配置jsconfig.json或tsconfig.json，baseurl设为"."且paths为数组格式如{"@/": ["src/"]}，再安装vue router intellisense等插件并确保路由配置为静态导出字面量。
VSCode 默认不给 router.push() 或 <router-link to=""></router-link> 里的路径做补全和跳转，哪怕你写了 @/views/User.vue —— 这不是插件没装好，是语言服务根本没设计处理这种运行时字符串。
必须先配 jsconfig.json 或 tsconfig.json
没有这个文件，@/xxx 在 import 里都点不动，更别说路由了。这是所有功能的地基。
-
baseUrl必须设为"."，否则paths不会从项目根开始解析 -
paths值必须是数组，比如{"@/*": ["src/*"]}，写成["@/src"]或"src/*"都无效 - Vue 2 项目用
jsconfig.json；Vue 3 + TS 项目确保tsconfig.json里有对应配置，Vite 也认这个 - 配完后，
import('@/views/Home.vue')就能 Ctrl+Click 跳转、输入@/有补全 —— 这步不成功，后面全是空谈
router.push('/xxx') 和 <router-link to="/xxx"></router-link> 补全靠插件
原生 VSCode 完全不分析这些字符串里的路径。它不读你的 routes 数组，也不反射运行时路由表。
- 推荐插件：
Vue Router IntelliSense（仅支持 Vue 3 +createRouter风格）或Auto Import（带路径补全能力） - 插件生效前提：路由配置必须是静态可分析的，比如
routes直接导出、没被函数包裹、没动态拼接path -
router.push({ name: 'User' })永远不会补全 ——name是运行时匹配的，VSCode 没法提前知道有哪些name - 补全只列
path字段值，比如/user、/admin/dashboard，不包含参数占位符如/user/:id的展开
别把路由配置写成“黑盒”
插件依赖静态代码分析，一旦你把路由逻辑藏得太深，补全就直接失效。
- ❌ 错误写法：
const routes = loadRoutes()、routes.push(...genAdminRoutes()) - ❌ 错误写法：
path: '/user/' + userId、path: process.env.VUE_APP_BASE + '/login' - ✅ 正确写法：所有
path是字面量字符串，routes是顶层导出的常量数组 - 如果用了模块化路由（比如按文件夹拆
user.routes.ts），确保最终合并后仍是静态导出，而不是运行时require或import()动态加载
真正卡住人的不是插件装不装，而是 jsconfig.json 配错路径、或路由数组被封装进函数——这两处一错，补全和跳转就彻底失联，而且错误不报，只会“安静地不工作”。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
