VSCode默认不自动插入import语句，根本原因是语言服务未激活、项目缺少tsconfig.json/jsconfig.json、或autoImports设置未启用布尔值true；需确保状态栏显示JS/TS模式、配置文件存在且moduleResolution为node、禁用冲突插件，并重启TS Server。

VSCode 默认不会自动插入 import 语句，必须同时满足语言服务加载、项目配置正确、设置开启三个条件，否则输完 useState 回车只会留下名字，不加任何导入。

为什么输入函数名后没自动 import？

最常见原因不是插件没装，而是语言服务根本没启动：

• 右下角状态栏显示 Plain Text、HTML 或 Vue (Deprecated) —— 说明当前文件没被识别为 JS/TS 上下文
• 项目根目录缺少 tsconfig.json（TS 项目）或 jsconfig.json（JS 项目），哪怕内容只是 {"compilerOptions": {}}
• 打开命令面板（Ctrl+Shift+P），运行 Developer: Toggle Developer Tools，在 Console 里输入 require('typescript') 报错 Cannot find module 'typescript' —— TS 服务未加载
• javascript.suggest.autoImports 或 typescript.suggest.autoImports 在 settings.json 中被设成了 "true"（字符串）而非 true（布尔值）

如何让 useState 这类函数补全时自动加 import

关键不是装插件，而是激活原生语言服务的自动导入逻辑：

VSCode

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

下载

• 确保文件语言模式是 JavaScript 或 TypeScript（点击右下角切换）
• 确认项目有 jsconfig.json 或 tsconfig.json，且其中 "compilerOptions.moduleResolution" 是 "node" 或 "nodenext"
• 在 VSCode 设置中启用：搜索 autoImports，勾选 JavaScript > Suggest: Auto Imports 和 TypeScript > Suggest: Auto Imports
• 禁用可能劫持补全的插件，比如旧版 Auto Import (wix)、ES7+ React/Redux snippets —— 它们会让 Ctrl+Space 只出代码片段，不出 import from 项
• 输入 useSta 后按 Ctrl+Space，在建议列表里找带 import React 或 import { useState } 前缀的条目，回车即可

路径别名（如 @/hooks）导入失败怎么办？

VSCode 不读 Webpack/Vite 的 resolve.alias，只认 tsconfig.json 或 jsconfig.json 里的 baseUrl 和 paths：

• 在 tsconfig.json 中配置：

  {
    "compilerOptions": {
      "baseUrl": ".",
      "paths": {
        "@/*": ["src/*"]
      }
    }
  }

• 改完配置后，必须重启 TS Server：按 Ctrl+Shift+P → 输入 TypeScript: Restart TS server
• 否则自动导入仍会输出 ../../hooks/useX，而不是你想要的 import { useX } from '@/hooks'

真正卡住自动导入的，往往不是“怎么开开关”，而是语言服务压根没拿到类型上下文——比如没配对的配置文件、路径别名没声明、或者插件冲突把原生补全逻辑覆盖掉了。这些地方一错，Ctrl+. 就永远不弹窗。