VSCode 默认不识别 @/components 等路径别名，因其不读取 Webpack/Vite 的 resolve.alias，仅依赖 tsconfig.json/jsconfig.json 中的 baseUrl 和 paths 配置；需确保状态栏显示正确语言服务、tsconfig.json 存在且含 compilerOptions、autoImports 启用、paths 用数组写法、include 覆盖源码目录，并重启 TS Server。
VSCode 默认不识别 @/components 这类路径别名，不是插件没装好，而是它压根不读 Webpack 或 Vite 的 resolve.alias 配置——只认 tsconfig.json 或 jsconfig.json 里的 baseUrl 和 paths。
为什么输入组件名后 Ctrl+. 没反应？
核心原因就三个：状态栏右下角没显示 TS / JS / Vue (Volar)，tsconfig.json 缺失或内容为空，typescript.suggest.autoImports 或 javascript.suggest.autoImports 没设为 true。
- 打开命令面板（
Ctrl+Shift+P），运行Developer: Toggle Developer Tools，看 Console 是否报Cannot find global type 'Array'——这是tsconfig.json缺失的明确信号 - 在项目根目录新建
tsconfig.json，最简内容只需：{"compilerOptions": {}} - 运行
TypeScript: Restart TS server强制重载语言服务
如何让 @/ 开头的路径被自动识别并导入？
必须在 tsconfig.json 中显式声明 baseUrl 和 paths，且路径需匹配实际文件结构。VSCode 不会猜、也不会继承构建工具配置。
-
baseUrl一般设为"./"，表示所有别名从项目根开始解析 -
paths必须用数组写法（哪怕只有一个目标路径），例如："@/*": ["src/*"]
，不能写成"@/*": "src/*" - 确保当前文件在
include范围内，比如"include": ["src/**/*"]，否则src/components/Button.vue就不会被索引 - 改完配置后必须重启 TS Server，否则修改不生效
Vue / React 单文件里组件名不提示导入？
根本不在补全逻辑覆盖范围内——.vue 文件的 <template></template> 区域不走 TypeScript/JavaScript 语言服务，只有 <script></script> 块内输入才触发自动导入。
- 检查右下角状态栏：.vue 文件应显示
Vue (Volar)，不是HTML或Vue (Vetur)；.tsx 文件应是TypeScript React，不是纯TypeScript - 禁用旧版
Auto Import (wix)、ES7+ React snippets等可能劫持Ctrl+Space的插件 - 在
<script setup></script>或<script></script>内输入组件名（如MyButton），再按Ctrl+Space或Ctrl+.
路径别名能被自动导入的前提，是语言服务既“看见”了别名定义，又“知道”你要导入的符号真实存在——缺一不可。很多人卡在改了 tsconfig.json 却忘了重启 TS Server，或者写了 paths 但 include 漏掉了子目录，结果一直以为是功能坏了。
