vscode自动导入建议不显示的根源是语言服务未启动;需确保右下角显示typescript/javascript/vue/python等对应语言模式,配置tsconfig.json或jsconfig.json,启用autoimports设置,并禁用干扰插件,最后用ctrl+.触发quick fix。

VSCode 默认不会显示自动导入建议,不是功能被关了,而是语言服务根本没启动——绝大多数“没提示”问题都卡在这一步。
右下角状态栏必须显示 TypeScript 或 JavaScript
这是最硬的前置条件。如果显示 Plain Text、HTML、Vue (Deprecated) 或压根没图标,说明 VSCode 没把当前文件当模块处理,所有 import 补全逻辑都不会触发。
- 点击右下角语言模式文字(如
JavaScript),手动切换为TypeScript或JavaScript - Vue 单文件中,必须切为
vue模式(不是html或javascript),且需安装 Volar 插件(非 Vue Official) - Python 文件要显示
Python,且语言服务器设为Pylance
项目根目录必须有 tsconfig.json 或 jsconfig.json
没有这个文件,TS/JS 语言服务连模块路径都解析不了,更别说索引 node_modules 里的导出项。空配置也比没有强。
- 新建
tsconfig.json,内容只需:{"compilerOptions": {}} - JS 项目用
jsconfig.json,可加"checkJs": true提升类型检查 - Vue 项目若用了
@/别名,必须在tsconfig.json的compilerOptions.baseUrl和paths中声明,VSCode 不读 vite.config.js 或 webpack.alias
settings.json 里 autoImports 必须设为 true(布尔值)
这两个设置控制的是“IntelliSense 下拉列表里是否出现带 import 前缀的选项”,不是开关全局功能,但它是你看到建议的直接开关。
- 打开
settings.json(Ctrl+, → 右上角“打开设置(JSON)”) - 确认包含这两行,且值是
true,不是"true"或false:"typescript.suggest.autoImports": true,"javascript.suggest.autoImports": true
- Python 用户还需加:
"python.analysis.autoImportCompletions": true
- 别和
editor.codeActionsOnSave搞混——后者管保存时整理,不管补全时插入
别让插件抢走补全控制权
某些插件会劫持 IntelliSense,导致 Ctrl+Space 只弹代码片段、不显示 import 建议。尤其要警惕:
- 旧版
Auto Import(wix 出品,已停更) -
ES7+ React/Redux snippets(它优先匹配us→useState(),不给你 import 机会) - 禁用它们后,重启 VSCode 或运行命令
TypeScript: Restart TS server,再试 Ctrl+.
真正稳定触发导入建议的方式不是等输完回车,而是主动按 Ctrl+.(Windows/Linux)或 Cmd+.(Mac)调出 Quick Fix。只要语言服务跑起来了,这招几乎必出 “Import … from …” 选项——比依赖自动补全靠谱得多。











