volar不可替代，因它是vue官方语言服务基础，提供.vue文件完整解析、类型推导、组件跳转等功能；必须卸载vetur、启用takeover模式、安装typescript vue plugin并确保状态栏显示vue语言模式。
Volar 是必须装的，其他插件按需补；VSCode 本身不检查逻辑错误，所谓“自动检查”全靠配置对的语言服务和规则。
为什么 Volar 不可替代
Volar 是 Vue 官方维护的语言支持插件，它不是“锦上添花”，而是让 .vue 文件真正被 VSCode 当作一个完整语言来理解的基础。没有它，template 中的 ref、computed 变量无法跳转，defineProps 类型不会在模板里生效，script setup 的类型推导基本失效。
- 必须卸载或禁用
Vetur，二者共存会导致类型提示错乱、跳转失败、甚至template区域报一堆假错误 - 务必安装配套的
TypeScript Vue Plugin (Volar)，否则script块里的 TS 类型检查会退化为普通 JS - 启用
volar.takeOverMode（设为true），否则 Volar 不会接管 TS 语言服务，ref在模板中依然显示为any - 确认状态栏右下角语言模式是
vue（不是HTML或JavaScript React），否则 Emmet、语法高亮、组件跳转都会异常
ESLint + Vue 插件能查什么、不能查什么
ESLint 配合 eslint-plugin-vue 能发现大量可形式化的结构问题，但它对业务逻辑无感——比如“用户未登录就调用了 api.deleteUser()”，它完全不会报错。
Ainative Vue Sdk
下载
使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景：(1) 安装 `@ainative/vue-sdk`，(2) 在 Vue 组件中使用 `useChat` 组合式函数，(3) 提供……
- 它能报：
no-unused-vars（未使用的ref）、vue/valid-v-if（v-if值非布尔）、vue/multi-word-component-names（单单词组件名警告） - 它不能报：
if (user) { doSomething() }中user实际可能是null且没做防御性检查（这得靠 TypeScript 的strictNullChecks） - 项目根目录必须有
.eslintrc.cjs或.eslintrc.js，且明确启用plugin:vue/vue3-recommended规则集，否则只跑默认 JS 规则 - 保存时自动修复要限定范围：
"editor.codeActionsOnSave": { "source.fixAll.eslint": true }，但建议配合"editor.codeActionsOnSaveTimeout": 1000防止大文件卡死
路径跳转和标签同步这类“小问题”其实最影响手感
Vue 项目嵌套深、别名多（如 @/components）、自定义组件频繁，手动写路径或改标签极易出错。这些问题不致命，但每天重复十几次，效率损耗远超想象。
-
Path Intellisense补全import路径时，默认不识别@别名，需在settings.json中配"path-intellisense.mappings": { "@": "${workspaceFolder}/src" } -
Auto Rename Tag对<mybutton></mybutton>这类自定义组件默认不生效，要手动开启："auto-rename-tag.enableForCustomTags": true -
Vue Peek和vue-helper功能重叠，但只有Vue Peek支持别名引入的组件跳转（如import Foo from '@/views/Foo.vue'），vue-helper只认相对路径 - 所有路径补全插件在
tsconfig.json里没配好baseUrl和paths时，都可能失效——这不是插件问题，是项目配置没对齐
所谓“代码逻辑自动检测”其实是类型系统 + 规则组合的结果
VSCode 自身不分析逻辑，它只是把后端语言服务器（如 tsserver、pyright）返回的诊断信息渲染出来。你看到的“潜在空值访问”“未覆盖的 switch 分支”，全依赖 TypeScript 的编译器选项是否打开、以及项目是否真正用了类型注解。
- 仅装 ESLint 插件 ≠ 有逻辑检查能力；必须确保项目已启用 TypeScript，且
tsconfig.json中"strict": true已开启 -
noFallthroughCasesInSwitch这类规则在 JS 项目里永远不触发，因为 JS 没有编译期控制流分析 - 遇到 “No quick fixes available” 提示，先看右下角语言模式是不是
vue，再按Ctrl+Shift+P运行Volar: Restart Server，而不是反复重装插件 - 大型 Vue 项目中，
defineProps如果用运行时声明（如defineProps({ foo: String })），类型推导会弱于类型驱动声明（如defineProps()），后者才能触发更严格的逻辑检查
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
