真正省时的插件仅几个：path intellisense需正确配置jsconfig.json/tsconfig.json中baseurl为"."、paths用"@/*"格式并重载窗口；volar须卸载vetur、确认状态栏为vue(volar)、检查shims-vue.d.ts和compileroptions.types；prettier与eslint冲突需加eslint-config-prettier、设默认格式化器、禁用eslint格式化；react片段被覆盖应调高snippetsuggestions优先级或改缩写、关闭auto import。
别装满一屏插件再问“为什么没效果”——真正每天能帮你省下 5 分钟以上的，就那几个。
Path Intellisense 补全别名路径却失效
你写了 @/components/Button，但输入 @/ 后毫无提示？不是插件坏了，是它根本没读到你的别名配置。
-
jsconfig.json或tsconfig.json必须在项目根目录，且baseUrl值只能是"."（不能是"./"或空） -
paths中的 key 必须带通配符和结尾斜杠，比如"@/*"，写成"@"或"@/"都不匹配 - 改完配置后必须执行
Developer: Reload Window，仅重启编辑器或重开文件无效 - 如果用 Vite + Vue，还要加
"volar.ignoreProjectWarning": true，否则 Volar 可能劫持路径解析逻辑
Volar 替换 Vetur 后类型提示仍丢失
defineProps 泛型推导为空、ref 的 .value 没类型、computed 返回值标红——这说明 Vetur 还在后台运行，或者 Volar 没接管语言服务。
- 必须卸载 Vetur，VS Code 不会自动禁用已停更插件
- 检查右下角状态栏：点击 TypeScript / Vue 版本标识，确认语言模式是
Vue (Volar)而非Vue (Vetur) - 若项目含
shims-vue.d.ts，确保它没手动 importvue的旧版类型声明（会干扰 Volar 类型合并） - 遇到
Cannot find name 'defineProps'，优先检查compilerOptions.types是否漏了"vue"
Prettier 和 ESLint 保存后代码反复“打架”
你按一次 Ctrl+S，引号从单引号变双引号，再按一次又变回去——这是两个工具在抢格式控制权。
- 在
.eslintrc.js的extends数组末尾加上"eslint-config-prettier"，显式关掉 ESLint 的所有格式规则 - VS Code 设置中明确指定：
"editor.defaultFormatter": "esbenp.prettier-vscode" - 禁用 ESLint 的自动格式化：
"eslint.format.enable": false（它只该做检查，不该动排版） -
.prettierrc里别写和团队规范冲突的配置，比如别人用分号，你设"semi": false就等于埋雷
Reactjs code snippets 缩写总被原生片段覆盖
敲 us + Tab，出来的是 "use strict" 而不是 const [state, setState] = useState()——这不是插件不灵，是 VS Code 默认把内置片段排在前面。
- 搜设置项
editor.snippetSuggestions，改成top，让自定义片段优先弹出 - 进插件设置，把默认
us改成rus（react useState），ue改成rua（react useEffect），避开原生前缀 - 关闭插件的 “Auto Import” 功能：它常往错文件里加
import { useState } from 'react'，尤其在 TS 中类型未导出时直接报错
插件不是越多越好，而是越少越准——每个都得能回答“我此刻卡在哪一行，它能不能让我立刻动起来”。别信安装量，信你昨天删掉它之后多花了三分钟找路径、多点了五次鼠标跳转、多改了两次标签名。
