volar自动导入在.vue中不生效，根本原因是volar未真正接管文件：需确保状态栏显示“vue”（非vetur/plain text）、禁用vetur、配置tsconfig.json/jsconfig.json、开启volar.enable及autoimports设置，并在script setup中使用defineprops等语法糖触发类型推导。
VSCode 里“自动添加 Vue 依赖”不是靠某个插件一键完成的，而是语言服务器（Volar）+ 正确项目配置 + 编辑器设置三者协同的结果；搜不到 import、Ctrl+. 没反应、defineProps 报错，90% 都是 Volar 没真正接管 .vue 文件。
为什么 Volar 的自动导入在 .vue 里不生效
VSCode 默认不会把 .vue 文件交给 Volar 处理，哪怕你装了它——它可能被降级为只读模式，或直接被 Vetur/旧版插件拦截。关键看状态栏右下角：必须显示 Vue（不是 Vue (Vetur) 或 Plain Text），且旁边没感叹号。
- 打开任意
.vue文件，点击右下角语言标签 → Configure File Association for '.vue' → 选Volar（注意不是带括号的别名） - 运行命令
Developer: Toggle Developer Tools，在 Console 里搜volar，确认有Registered language server for vue日志 - 如果项目用 pnpm/yarn pnp，Volar 可能找不到
@vue/language-core：运行pnpm add -D @vue/language-core（即使代码里不用它） - 确保根目录有
tsconfig.json或jsconfig.json，且没用"exclude"把src/**/*.vue排除掉
如何让 Ctrl+. 真正弹出 import 建议
这个快捷键触发的是 VSCode 的「快速修复」菜单，但前提是语言服务得先识别出符号未定义——而 Volar 对 script setup 的类型推导，强依赖你是否写了 defineProps 或 defineEmits。
-
defineProps和defineEmits不是可选语法糖，是 Volar 进入「Vue SFC 模式」的开关：哪怕没 props，也写const props = defineProps() - 禁用所有非必要插件，尤其
Vetur—— 它和 Volar 冲突，装了 Volar 就必须手动禁用 Vetur - 检查设置：
volar.enable和volar.enableStatusBar必须为true；typescript.suggest.autoImports和javascript.suggest.autoImports也得开 - 重启 TS 服务：命令面板运行
TypeScript: Restart TS server，不是重启 VSCode
保存时自动整理 import 并删掉未使用项
source.organizeImports 是真·省事配置，但它只处理当前文件，且对 Vue SFC 的 <script setup></script> 块支持有限——比如它不会帮你从 lodash 里挑 import { debounce } from 'lodash' 还是 import debounce from 'lodash/debounce'，后者才是运行时不报错的写法。
- 在
settings.json加这行："editor.codeActionsOnSave": {"source.organizeImports": true} - 它不解决跨文件 import 问题，也不补全路径别名（如
@/components/），这类得靠Path Intellisense插件 - 若想全局清理未使用 import，得配合 ESLint：
"editor.codeActionsOnSave": {"source.fixAll.eslint": true}，并确保.eslintrc.cjs启用了eslint-plugin-vue的no-unused-vars规则 - 注意：它不会重写默认导入为命名导入，也不会把
import { ref } from 'vue'拆成多行——格式化仍需靠 Prettier
最常被忽略的一点：Volar 的 import 补全只对 script setup 生效，传统 export default 语法块里它基本不工作；如果你混用两种写法，自动导入就会断断续续——要么全切 setup，要么接受手动维护 import。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
