VSCode怎么开启模块导入自动补全-VSCode-PHP中文网

vscode自动导入需语言服务、正确配置和合适上下文三者同时满足：右下角必须显示ts/js/python（非plain text），项目根目录须有tsconfig.json/jsconfig.json，设置中javascript.suggest.autoimports和typescript.suggest.autoimports必须为true，路径别名需在tsconfig中配置baseurl/paths并重启ts server。

vscode怎么开启模块导入自动补全

VSCode 本身不提供“一键开启模块导入自动补全”的开关，它依赖语言服务 + 正确配置 + 合适上下文三者同时满足才能触发。没反应不是功能坏了，而是其中一环断了。

确认语言模式和语言服务器已加载

这是最常被忽略的前提——如果 VSCode 没把当前文件当代码处理，后续所有补全逻辑都不会启动。

看右下角状态栏：必须显示 TypeScript、JavaScript 或 Python（带齿轮图标），不能是 Plain Text 或 Vue (Deprecated)
点击右下角语言模式名称，手动选对语言；Vue 单文件需确保是 vue 模式（非 html）
打开命令面板（Ctrl+Shift+P），运行 Developer: Toggle Developer Tools → Console 标签页，输入 require('typescript') —— 若报 Cannot find module 'typescript'，说明 TS Server 没加载
Python 用户必须确认已安装 ms-python.python 扩展，且 python.languageServer 设为 "Pylance"（不是 "Jedi"）

JS/TS 必须有 jsconfig.json 或 tsconfig.json

没有配置文件，VSCode 就把你的项目当普通文本，路径解析、模块识别、类型推导全部失效。

VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

项目根目录新建 jsconfig.json（JS 项目）或 tsconfig.json（TS 项目），内容至少包含：

{"compilerOptions": {"module": "nodenext", "target": "es2020", "allowJs": true, "moduleResolution": "nodenext"}}

路径别名（如 @/utils）必须在 compilerOptions.baseUrl 和 compilerOptions.paths 中声明，否则补全找不到目标
改完配置后，务必运行命令 Developer: Restart TS Server，否则缓存未更新，补全依旧不工作
javascript.suggest.autoImports 和 typescript.suggest.autoImports 必须设为 true（布尔值，不是字符串 "true"）

触发自动导入的正确方式

不存在“全局导入快捷键”，所有有效触发都绑定在具体操作和上下文中。

光标放在红色波浪线的未定义标识符上（如 useState、axios），按 Ctrl+.（Windows/Linux）或 Cmd+.（macOS）——这是唯一标准路径
该快捷键只在编辑器文本焦点内生效（when: "editorTextFocus && !editorReadonly"），终端、设置页、弹窗里无效
Python 中无法用 Ctrl+.，靠 Ctrl+Space 唤起补全列表，选带 import 前缀的项；若无提示，先确认解释器已选对、Pylance 已启用
禁用可能劫持补全的插件，比如旧版 Auto Import (wix)、ES7+ React/Redux snippets，它们会覆盖原生逻辑，导致 Ctrl+Space 只出代码片段、不出 import 建议

路径补全单独依赖字符串上下文

路径自动补全（如 import x from "./ 后的文件列表）和模块名补全是两套机制，容易混淆。

只在明确语义的上下文中激活：import、require()、HTML 的 src/href、CSS 的 url() 等，普通字符串赋值（如 const p = "./"）不会触发
需开启 editor.quickSuggestions.strings（设为 true），仅设 editor.quickSuggestions: true 不够
别名路径补全失败？检查三处是否一致：tsconfig 中 baseUrl/paths、Path Intellisense 插件的 mappings 设置（建议留空让其自动读取）、TS Server 是否已重启
补全默认不带扩展名（如 utils 而非 utils.ts），这是有意为之，因为现代打包器支持自动解析