如何使用VSCode完成依赖自动导入-VSCode-PHP中文网

VSCode自动导入依赖语言服务激活，需确保右下角显示TS/JS/Python、存在tsconfig.json/jsconfig.json、settings中javascript.suggest.autoImports和typescript.suggest.autoImports设为true、禁用冲突插件，并通过Ctrl+.或IntelliSense触发。

如何使用vscode完成依赖自动导入

VSCode 本身不“自动导入”，它只在你明确触发或满足条件时，由语言服务帮你插入 import 语句——关键不是装插件，而是让 TypeScript/JavaScript/Pylance 等语言服务器真正跑起来。

确认语言服务已加载且文件被正确识别

这是 90% 自动导入失效的根源。右下角状态栏必须显示 TypeScript、JavaScript 或 Python，且旁边有齿轮图标；若显示 Plain Text、HTML 或 Vue (Deprecated)，说明语言模式错误，补全逻辑压根没启动。

点击右下角语言模式文字（如 Plain Text），手动切换为对应语言（TypeScript、JavaScript 或 Python）
检查项目根目录是否存在 tsconfig.json（TS 项目）或 jsconfig.json（JS 项目）；哪怕内容只是 {"compilerOptions": {}} 也行
Python 用户需确认右下角显示了正确的 Python 解释器路径，且已安装 Pylance 扩展
打开命令面板（Ctrl+Shift+P），运行 TypeScript: Restart TS server 或 Python: Restart Language Server 强制重载

开启核心设置：autoImports 必须为 true

javascript.suggest.autoImports 和 typescript.suggest.autoImports 控制的是“输入时是否在 IntelliSense 下拉里显示带 import 前缀的建议项”。它们默认是 false，尤其新装 VSCode 后极易遗漏。

打开 settings.json（Ctrl+, → 右上角“打开设置(JSON)”）
确保包含这两行（注意拼写，是 autoImports，不是 autoImport；值是布尔 true，不是字符串 "true"）：
"javascript.suggest.autoImports": true
"typescript.suggest.autoImports": true
Python 用户还需加："python.analysis.autoImportCompletions": true
禁用可能劫持补全的插件，比如旧版 Auto Import (wix) 或 ES7+ React/Redux snippets，它们会覆盖原生逻辑

正确触发自动导入的两种方式

没有全局“一键导入所有未用模块”的功能。实际可用的是两种精准触发方式：

VSCode

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

下载

输入时补全：光标在编辑器中，输入一个未声明的标识符（如 useState），按下 Ctrl+Space 唤起建议列表，选择带 import 前缀的条目（如 import { useState } from 'react'），回车即插入
快速修复：光标停在红色波浪线的未定义标识符上（如 useEffect），按 Ctrl+.（Windows/Linux）或 Cmd+.（Mac），从弹出菜单中选择 “Import ‘useEffect’ from ‘react’”
Vue 单文件中 template 写却不提示？需确保已安装 Volar（非 Vue Official），且文件语言模式是 vue
路径别名（如 @/hooks）必须在 tsconfig.json 的 compilerOptions.baseUrl 和 paths 中配置，VSCode 不读 Webpack/Vite 的 resolve.alias

保存时自动整理 import：source.organizeImports

即使你手写了 import，也可能漏删未使用项或顺序混乱。source.organizeImports 能在保存瞬间完成增删 + 排序，但只对当前文件生效。

在 settings.json 中加入：
"editor.codeActionsOnSave": {"source.organizeImports": true}
它不会帮你从 lodash 这类库中智能拆解方法（如把 import _ from 'lodash' 换成 import { debounce } from 'lodash'），那是 ESLint import/order 规则或插件的事
若想跨文件批量修复，得配合 ESLint 插件 + eslint.codeAction.onSave.fixAll

最常被忽略的其实是语言服务加载状态和基础配置文件的存在——不是插件没装，而是 VSCode 根本没认出你在写 TypeScript 或 Python。一旦 tsconfig.json 存在、autoImports 设为 true、状态栏显示正确语言模式，Ctrl+. 就几乎不会失灵。