Vue3开发中VS Code自动导入仅输入生效、快速修复无导入提示

问题复现场景 #

编写如下代码后，按Cmd+.呼出快速修复菜单无对应导入提示，输入过程中的悬浮导入建议正常，同级目录自定义类型导入也存在相同问题：

const store = useStore();

排查与解决步骤 #

• 确认项目根目录存在tsconfig.json（TS项目）或jsconfig.json（JS项目），无配置文件时语言服务无法正确识别项目模块结构。TS项目可参考如下基础配置：

  {
    "compilerOptions": {
      "target": "ESNext",
      "module": "ESNext",
      "moduleResolution": "node",
      "strict": true,
      "jsx": "preserve",
      "skipLibCheck": true,
      "isolatedModules": true,
      "esModuleInterop": true,
      "lib": ["ESNext", "DOM"]
    },
    "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
  }
  

  JS项目的jsconfig.json可删除compilerOptions下的TS专属配置（如strict、isolatedModules等），保留include和路径相关配置即可。

• 确认VS Code已安装最新版 Volar 插件，且已禁用Vetur插件，两者同时运行会导致语言服务冲突。TS项目建议开启Volar的「Take Over Mode」：按Cmd+Shift+P呼出命令面板，输入Volar: Toggle Take Over Mode启用后重启编辑器。
• 若配置正常仍无提示，按Cmd+Shift+P输入TypeScript: Restart TS Server重启语言服务，清除缓存后再测试。
• 若使用unplugin-auto-import实现自动导入，需要确认插件配置中已将useStore对应来源（vuex/pinia）加入导入列表，且插件自动生成的auto-imports.d.ts已被包含在tsconfig.json的include字段中。
• 针对自定义类型导入无提示的问题，检查tsconfig.json中compilerOptions.baseUrl、paths等路径配置是否正确，避免别名拼写错误、自定义类型文件未被include字段包含的问题。

内容的提问来源于stack exchange，提问作者RedBlueKoi