volar是vue 3唯一支持defineprops/defineemits类型推导和模板跳转的插件，必须禁用vetur、将.vue文件语言模式设为vue、tsconfig.json中添加"types": ["vue"]并重启服务。
Vue 3 项目里，Volar 是唯一能真正支持 defineProps、defineEmits 类型推导和模板内属性跳转的插件；装错或没禁用 Vetur，补全就直接失效——不是 VSCode 慢，是语言服务根本没启动。
怎么确认 Volar 已接管 .vue 文件
打开任意 .vue 文件，看右下角语言模式是否显示为 Vue（不是 HTML 或 Plain Text）。如果不是，点击右下角文字 → 选 Configure File Association for '.vue' → 手动设为 vue。同时检查设置里有没有冲突项：
-
"files.associations": { "*.vue": "html" }这类配置必须删掉 - 如果已装
Vetur，进设置搜vetur.enable，确保它被关闭 - 按
Ctrl+Shift+P输入Developer: Toggle Developer Tools，在 Console 里搜volar，看到Starting Volar server才算真正激活
为什么 defineProps() 没类型提示
这是最常被忽略的一步：Volar 默认不读取 tsconfig.json 中的 types 配置，导致 TS 无法识别 Vue 全局类型。必须手动补上：
- 项目根目录
tsconfig.json的compilerOptions里加："types": ["vue"] - 如果用了
defineProps()语法，还需启用"skipLibCheck": true，否则可能报node_modules/vue类型冲突 - 改完后，重启 VSCode 或执行
Developer: Restart Extension Host，不要只刷新窗口
补全卡顿或模板里不提示组件名
这不是插件问题，而是语言服务器没绑定到当前工作区。Volar 依赖项目级依赖才能解析 components 注册和 resolveComponent 行为：
- 确保项目中已安装
@volar/vue-language-server：npm install --save-dev @volar/vue-language-server - VSCode 设置里确认启用了
volar.enable，且volar.serverPath没被手动指定成空字符串 - 如果用的是
unplugin-vue-components自动导入，需在tsconfig.json的include中加入生成的类型文件路径，比如"src/components.d.ts"
补全是否生效，最终取决于 TS 服务能否正确加载 .vue 文件的 SFC 解析上下文——任何环节断开（文件关联错、TS 类型未声明、语言服务器未启动），都会退化成纯文本高亮。别急着换插件，先看右下角语言模式和开发者工具里的日志。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
