vscode自动导入组件的前提是文件被识别为typescript或javascript语言模式，需确保右下角显示typescript/javascript或vue（vue文件），并启用typescript.suggest.autoimports和javascript.suggest.autoimports设置。
右下角语言模式必须是 TypeScript 或 JavaScript
VSCode 自动导入组件的前提，是当前文件被正确识别为 TypeScript 或 JavaScript 语言上下文。如果状态栏右下角显示 Plain Text、HTML 或 Vue (Deprecated)，所有自动导入逻辑都不会触发——语言服务压根没加载。
检查并修复方式：
- 点击右下角语言模式名称（如
Plain Text），在弹出菜单中选择TypeScript或JavaScript；Vue 单文件必须选vue（不是html），且需已安装Volar - 打开命令面板（
Ctrl+Shift+P），运行TypeScript: Restart TS server或Developer: Reload Window - 若 Console 报
Cannot find global type 'Array'，说明缺少tsconfig.json或jsconfig.json，立即在项目根目录新建一个空配置文件（内容只需{"compilerOptions": {}}）
确保 typescript.suggest.autoImports 和 javascript.suggest.autoImports 为 true
这两个设置控制「输入时是否在补全列表中显示带 import 前缀的建议项」，默认值是 false，新装 VSCode 或重置设置后极易遗漏。
必须用布尔值 true，不能写成字符串 "true"：
- 打开设置（
Ctrl+,），搜索autoImports，勾选TypeScript > Suggest: Auto Imports和JavaScript > Suggest: Auto Imports - 或直接编辑
settings.json，加入这两行（注意无引号）："typescript.suggest.autoImports": true,<br>"javascript.suggest.autoImports": true
- 别和
editor.codeActionsOnSave混淆：后者管保存时整理，前者才是补全时插入 import 的开关
别依赖输完回车，用 Ctrl+. 主动触发快速修复
靠输入函数名后等补全列表弹出再回车，失败率高。真正稳定的方式是把光标停在未定义的符号上（比如刚打完 useMemo 但还没 import），然后按 Ctrl+.（Windows/Linux）或 Cmd+.（macOS）。
这个快捷键调用的是语言服务的 Quick Fix，不依赖补全是否弹出，也不受插件干扰：
- 如果
Ctrl+.没反应，先确认上面两个autoImports设置已启用，且语言服务正常（看右下角图标和 Console 是否报错） - 禁用可能劫持补全行为的插件，例如旧版
Auto Import (wix)、ES7+ React/Redux snippets，它们会覆盖原生逻辑，导致只出代码片段、不出 import 项 - Vue 模板里写
<mycomp></mycomp>不提示？确保Volar已安装，且.vue文件语言模式是vue，不是html
路径别名（如 @/components）要靠 tsconfig.json 配置
VSCode 完全不读 Webpack/Vite 的 resolve.alias，它只认 tsconfig.json 或 jsconfig.json 中的 baseUrl 和 paths。
否则即使插件装了、设置开了，也会生成相对路径（../../components/Button）而不是别名路径（@/components/Button）：
- 在
tsconfig.json的compilerOptions中添加："baseUrl": ".",<br>"paths": {<br> "@/*": ["src/*"]<br>} - 改完必须重启 TS Server（命令面板搜
Restart TS server），否则不生效 - Auto Import 插件（steoates 版）能识别该配置，但前提是语言服务已加载成功——别跳过前面三步
tsconfig.json 缺失或右下角显示 Plain Text 这一步，后面所有配置都白搭。
