VSCode中TypeScript自动导入与依赖管理需五步：一启用ts.suggest.autoImports；二装Auto Import插件并配别名；三用Import Sorter按组排序；四配ESLint import/order规则校验；五用tsc --traceResolution调试解析失败。
如果您在使用 VSCode 编写 TypeScript 代码时，频繁手动编写 import 语句或遇到重复导入、路径错误、未使用导入等问题，则可能是由于缺乏对 TypeScript 导入行为的自动化控制。以下是实现自动导入与依赖管理的具体操作方式：
本文运行环境：MacBook Pro，macOS Sequoia。
一、启用 TypeScript 自带的自动导入功能
TypeScript 语言服务在 VSCode 中原生支持基于符号的自动导入，无需额外插件即可触发，前提是项目已正确配置 tsconfig.json 并启用相应选项。
1、打开 VSCode 设置（Cmd + ,），搜索 typescript.suggest.autoImports，确保其值为 true。
2、在项目根目录确认存在有效的 tsconfig.json 文件，且其中 "moduleResolution" 字段设为 "node" 或 "nodenext"。
3、在编辑器中输入未声明的标识符（如某个函数名或类名），按下 Ctrl + Space 触发建议，选择带模块路径的条目即可自动插入 import 语句。
二、安装并配置 Auto Import 插件
该扩展通过静态分析文件结构，提供更精准的导入建议，尤其适用于跨目录深度嵌套或存在路径别名的项目。
1、在 VSCode 扩展市场中搜索 Auto Import - TypeScript，安装由 steoates 发布的版本。
2、安装后，在设置中启用 auto-import.filter.enabled 和 auto-import.showImportInSuggestions 两项。
3、若项目使用 baseUrl 或 paths 别名，在 tsconfig.json 的 compilerOptions 中配置后，插件将自动识别并生成对应别名路径的 import。
三、使用 Import Sorter 统一管理导入顺序
导入语句的混乱排列会影响可读性与协作一致性，Import Sorter 可按规则自动排序并分组 import 声明。
1、安装扩展 Import Sorter（作者：mike-lischke）。
2、在工作区设置中添加如下配置项：importSorter.groupOrder 设为 ["builtin", "external", "parent", "sibling", "index"]。
3、保存文件时，若启用了 editor.formatOnSave，插件将自动执行排序；也可手动执行命令 Import Sorter: Sort Imports（Cmd + Shift + P）。
四、通过 ESLint + import/order 规则强制校验
该方式在代码提交前拦截不合规的导入结构，适合团队统一规范，依赖本地 ESLint 配置生效。
1、确保项目已安装 @typescript-eslint/eslint-plugin 和 eslint-plugin-import。
2、在 .eslintrc.cjs 的 rules 区块中加入："import/order": ["error", {"groups": ["builtin", "external", "internal", "parent", "sibling", "index"], "pathGroupsExcludedImportTypes": ["builtin"]}]。
3、重启 VSCode 的 ESLint 服务器（Cmd + Shift + P → ESLint: Restart ESLint Server），编辑器将实时标出违反顺序的 import 行。
五、使用 TypeScript 的 --traceResolution 调试导入失败问题
当类型无法解析或 import 报错但无明确提示时，可通过编译器诊断日志定位模块查找路径与失败节点。
1、在终端进入项目根目录，执行：tsc --traceResolution --noEmit。
2、观察输出中以 ======== Resolving module 开头的区块，确认 TypeScript 是否尝试了正确的路径和条件编译配置。
3、若发现跳过 node_modules 或忽略 paths 映射，检查 tsconfig.json 中 "baseUrl" 是否缺失或拼写错误。
