VSCode自动导入依赖语言服务而非文件后缀名，需确保右下角显示TS/JS模式、存在tsconfig.json/jsconfig.json、autoImports设为true、禁用冲突插件，并正确配置files.associations映射到合法语言ID。
VSCode 不能通过“自动导入文件后缀名”来实现模块导入——这个说法本身混淆了两个完全无关的功能：files.associations（控制语法高亮）和自动导入（autoImports，依赖语言服务识别符号）。你要的不是“给文件加后缀就自动 import”，而是让 VSCode 正确识别文件类型、加载语言服务，从而触发 import 补全。
为什么 .xyz 文件里输 useState 不弹 import？
因为 VSCode 根本没把它当 TypeScript/JavaScript 处理。右下角状态栏显示 Plain Text 或 xyz（未注册语言 ID），意味着语言服务（TS Server、Pylance 等）压根没启动，typescript.suggest.autoImports 这类设置形同虚设。
- 先确认该文件是否被识别为正确语言模式：点击右下角语言名 → 选
JavaScript或TypeScript（不是JavaScript (Deprecated)） - 如果选项里没有目标语言，说明你没装对应扩展，或该后缀未关联到语言 ID
- 若已选对语言但仍是 Plain Text，检查是否误用了
files.associations把.xyz映射到了错误 ID（比如写成"xyz"而非"typescript"）
想让 .api 或 .dto 文件支持自动导入，怎么配 files.associations？
必须用 VSCode 内部真实的语言 ID，不是文件扩展名，也不是你猜的名称。例如：
- 想让
user.dto.ts或user.api.ts被当作 TypeScript 处理 →"*.dto.ts": "typescript"，不是"*.dto": "typescript"（后者会覆盖所有 .dto 文件，含纯文本） - 想让
config.api拥有 TypeScript 语义 → 先确认它内容确实是 TS 代码，再配"*.api": "typescript"；但更稳妥的是用精确匹配："config.api": "typescript" - 值必须小写、无空格、全匹配：写
"typescript"✅，写"TypeScript"❌，写"ts"❌，写"javascript"❌（除非内容真是 JS）
验证方式：打开一个已高亮正确的 .ts 文件 → 点右下角语言名 → 看弹出菜单里显示的 ID 是什么。
配置完 files.associations 还是不提示 import？
关联只是第一步，自动导入还卡在三个硬性条件上：
- 项目根目录必须存在
tsconfig.json（TS）或jsconfig.json（JS），哪怕内容只有{"compilerOptions": {}} -
typescript.suggest.autoImports和/或javascript.suggest.autoImports必须为布尔值true（不是字符串"true"） - 别用旧插件抢逻辑：禁用
Auto Import (wix)、ES7+ React/Redux snippets等会覆盖原生补全的扩展
如果 Vue 单文件里 template 中写 <mycomp></mycomp> 不提示导入，还要额外确认：已安装 Volar（不是 Vue - Official），且文件语言模式是 vue，不是 html。
最常被忽略的一点：改完 files.associations 或新增 tsconfig.json 后，不重启 TS Server，语言服务不会重新索引路径和模块——按 Ctrl+Shift+P 运行 TypeScript: Restart TS server，比重启 VSCode 更快见效。
