Vue项目自定义代码片段不生效，90%是语言模式错误：VSCode按右下角语言标识（需为Vue）而非文件后缀匹配，非Vue模式下vue.json前缀不触发；body中TS泛型须用转义；多插件冲突时工作区vue.json优先于全局插件；修改后需重启.vue文件生效。
Vue 项目里自定义代码片段不生效，90% 是语言模式没对上，不是插件装得少，也不是 JSON 写错了。
为什么 vue.json 片段在 .vue 文件里输不出前缀？
VSCode 不按文件后缀匹配 snippet，只看右下角显示的语言标识。哪怕你打开的是 src/components/Button.vue，如果状态栏显示的是 Plain Text 或 HTML，vue.json 里的所有 prefix 都不会触发。
- 点击右下角语言标签，手动选成
Vue（不是Vue HTML，不是Vue (Volar)，就是纯Vue） - 检查
settings.json里有没有错误的files.associations，比如把*.vue映射到了html - Volar 启用后默认接管 .vue 文件，但某些旧版配置会覆盖 language ID，可临时禁用 Volar 看是否恢复识别
ref-t 这类带泛型的片段怎么写才不报错？
body 字段必须是字符串数组，每个元素一行，且不能有多余逗号或引号嵌套错误。常见失效点是 TypeScript 泛型尖括号被当成 HTML 标签解析，或变量占位符写成 却漏了转义。
vue-composition-api-best-practices
下载
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
- 正确写法：
"body": ["const $1 = ref($3);"]（注意和 <code>>） - 占位符
$1到$9顺序要和实际输入逻辑一致，比如先输变量名再输类型，就别把$2放最前 - 别在
body里写注释行，VSCode 不支持 // 开头的注释，会被当作文本内容插入
多个插件都提供 vfor 片段，谁会胜出？
VSCode 按加载优先级和 scope 匹配决定用哪个。Volar + Vue VSCode Snippets 默认启用 vue scope，而用户自建的 vue.json 如果放在工作区目录（.vscode/snippets/vue.json），会优先于全局插件片段。
立即学习“前端免费学习笔记（深入）”；
- 冲突时先关掉 Vue VSCode Snippets，确认自定义片段能用，再逐步开回其他插件
- 插件片段前缀若和自定义重复（比如都叫
vfor），VSCode 只展示一个，不会合并 - 想保留插件功能又加自定义逻辑，建议用新前缀如
vfor-async，避免覆盖原行为
真正卡住人的从来不是“怎么写”，而是“为什么没反应”——语言模式、scope 范围、JSON 转义这三处，错一个，整个片段就静音。改完 vue.json 后，务必关掉当前 .vue 文件再重开，否则缓存可能让你白调十分钟。
