VSCode自动导入需TypeScript语言服务启动，核心条件为：右下角显示TS/JS模式、项目根目录存在tsconfig.json、settings中typescript.suggest.autoImports设为true（布尔值）、禁用冲突插件、路径别名须在tsconfig.json中配置baseUrl/paths并重启TS Server。
typescript.suggest.autoImports 必须为 true，且项目必须有有效的 tsconfig.json —— 否则 VSCode 根本不会尝试解析类型、更不会生成 import。
为什么输入 useState 没反应，Ctrl+. 也不弹 import？
这不是插件没装的问题，而是 TypeScript 语言服务压根没启动。常见现象包括：
右下角状态栏显示 Plain Text、HTML 或 Vue (Deprecated)；
命令面板运行 TypeScript: Restart TS server 后报错 Cannot find module 'typescript'；
开发者工具 Console 里出现 Failed to load typescript。
解决方法：
• 确保当前文件语言模式是 TypeScript（点击右下角切换）
• 在项目根目录创建最简 tsconfig.json：
{"compilerOptions": {}}
• 运行命令 TypeScript: Restart TS server（不是重启 VSCode）
• 检查 node_modules/typescript 是否存在，缺失就 npm install -D typescript
tsconfig.json 配置不全，路径别名和类型定义都失效
VSCode 不读 Webpack/Vite 的 resolve.alias，只认 tsconfig.json 的 baseUrl 和 paths。typeRoots 和 types 才决定自定义类型能否被识别。
典型配置示例：
{
"compilerOptions": {
"baseUrl": "./src",
"paths": {
"@/*": ["*"],
"@hooks/*": ["hooks/*"]
},
"typeRoots": ["./types", "./node_modules/@types"],
"types": ["node", "jest"]
}
}
注意：
• baseUrl 是相对于 tsconfig.json 的路径，不能写成 "./" 再靠 paths 补全
• 修改后必须手动执行 TypeScript: Restart TS server，缓存不会自动更新
• 如果自定义类型文件在 ./types/my-lib/index.d.ts，要确保 include 或 files 覆盖它，否则不加载
javascript.suggest.autoImports 和 typescript.suggest.autoImports 怎么设才起作用？
这两个设置控制「输入时 IntelliSense 下拉列表是否显示带 import 前缀的建议项」，但它们只在语言服务激活后才生效。
务必确认：
• 设置值是布尔型 true，不是字符串 "true"
• 在 settings.json 中直接写这两行（不要加引号）：
"javascript.suggest.autoImports": true, "typescript.suggest.autoImports": true
• 禁用可能劫持补全的插件：旧版 Auto Import (wix)、ES7+ React/Redux snippets 会覆盖原生逻辑，导致 Ctrl+Space 只出代码片段、不出 import 条目
• Vue 单文件中 template 里写 Volar（非 Vue Official），并确保文件语言模式是 vue
保存时自动整理 import：source.organizeImports 是真省事配置
即使你手写了 import，也可能漏删未使用项或顺序混乱。source.organizeImports 能在保存瞬间完成增删 + 分组排序，但它不跨文件扫描，也不智能选命名导入还是路径导入。
启用方式：
"editor.codeActionsOnSave": {
"source.organizeImports": true
}
补充说明：
• 它依赖当前文件的 tsconfig.json 解析上下文，如果文件不在 include 列表里，会跳过
• 不会帮你从 lodash 里挑 debounce 还是 lodash/debounce，这个得靠 ESLint 的 import/order 规则校验
• 若想全局修复（比如批量清理整个项目），得配合 ESLint 插件 + eslint.codeAction.onSave.fixAll
复杂点在于：VSCode 的自动导入不是“一次配置永久生效”的功能，它是语言服务在特定上下文中动态触发的行为。每次修改 tsconfig.json、切换工作区、甚至打开新文件夹，都可能让服务重新评估是否加载——最容易被忽略的是忘记重启 TS Server，以及误以为 Webpack 别名能被编辑器直接复用。
