VSCode 依赖 tsconfig.json（或 jsconfig.json）中的 baseUrl 和 paths 配置解析 TypeScript/JavaScript 路径别名，需确保配置正确、VSCode 加载对应配置并重启 TS 服务。
VSCode 本身不直接解析 TypeScript 的类型别名（如 @/components 或 ~utils），真正起作用的是 TypeScript 编译器（tsc）和对应的路径映射配置。VSCode 只是读取并遵循你的 tsconfig.json 中的设置，来提供正确的类型提示、跳转和自动导入。
确保 tsconfig.json 正确配置 paths 和 baseUrl
这是最核心的一步。TypeScript 需要知道“别名指向哪”，VSCode 才能据此工作。
-
必须设置
baseUrl：通常为"./"或"src/"，作为所有相对路径和别名路径的基准 -
正确声明
paths：键是别名模式（支持通配符），值是相对于baseUrl的实际路径数组
示例（常见 Vue/React 项目结构）：
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"],
"@components/*": ["src/components/*"],
"@utils": ["src/utils/index.ts"],
"~/*": ["src/*"]
}
}
}
检查 VSCode 是否使用了正确的 tsconfig.json
VSCode 默认会找项目根目录下的 tsconfig.json，但如果你有多个配置（比如 tsconfig.node.json、tsconfig.app.json），它可能没选对。
- 打开任意 TS/TSX 文件，在右下角状态栏查看当前使用的 TS 版本和配置路径（点击可切换）
- 确保显示的是你期望的
tsconfig.json（不是jsconfig.json，除非你只用 JS） - 如果没生效，尝试在 VSCode 命令面板（
Ctrl+Shift+P）中执行 “TypeScript: Select TypeScript Version” → 选 “Use Workspace Version”
重启 TS 服务或重新加载窗口
修改 tsconfig.json 后，VSCode 不会自动重载类型解析上下文。
- 快捷方式：
Ctrl+Shift+P→ 输入 “TypeScript: Restart TS server” - 或直接 “Developer: Reload Window”
- 之后再打开一个 .ts 文件，检查 Ctrl+点击别名是否能正确跳转
补充：jsconfig.json（仅 JavaScript 项目）
如果你没用 TypeScript，而是用 JS + JSDoc 类型标注，那要配 jsconfig.json，结构与 tsconfig.json 几乎一致：
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
},
"include": ["**/*.js", "**/*.jsx"]
}
注意：JS 项目中 VSCode 依赖 jsconfig.json 提供路径别名支持，且必须有 include 字段，否则可能不生效。
基本上就这些。只要 tsconfig.json（或 jsconfig.json）路径配置正确、VSCode 加载了它、TS 服务已重启，类型别名就能被正常解析和跳转。
