输入vbase没反应是因为未满足生效条件：文件语言模式需为vue（右下角选“vue”）、片段json中必须包含"scope":"vue"、文件路径正确、无语法错误且已重载窗口。
为什么输入 vbase 没反应？先确认 scope 和语言模式
VS Code 不会凭空识别 vbase —— 它只在当前编辑器语言模式为 vue 且片段配置了 "scope": "vue" 时才生效。常见卡点包括：
- 文件后缀是
.vue，但右下角显示 “Plain Text” 或 “HTML”，必须点击它 → 选 “Vue”（Volar 插件启用后才提供该选项） - 片段写在
javascript.json或全局snippets.json里，却没加"scope": "vue"，VS Code 直接忽略 - 用了旧版 Vue 插件（如 Vue Language Features），和 Volar 冲突，导致语言模式无法正确激活
vbase 片段该填什么内容？关键字段不能少
你定义的片段必须是一个合法 JSON 对象，嵌套在顶层对象中，且包含 prefix、body、scope 三项。一个最小可用的 Composition API 基础模板示例如下：
{
"Vue3 Composition Base": {
"scope": "vue",
"prefix": "vbase",
"body": [
"<template>",
" <div>$1</div>",
"</template>",
"",
"<script setup>",
"import { ref, reactive, onMounted } from 'vue'",
"",
"const count = ref(0)",
"const state = reactive({ name: '' })",
"",
"onMounted(() => {",
" $2",
"})",
"</script>",
"",
"<style scoped>",
"$3",
"</style>"
],
"description": "Basic Vue3 script setup with Composition APIs"
}
}
注意：body 是字符串数组，每行一个元素；空行用 ""；光标占位符用 、，不是 ； 和 <code>> 必须转义为 < 和 >（VS Code 自动处理，但粘贴进 JSON 时若手动编辑需留意）。
输入 vbase 后按 Tab 还是没生成？检查这些硬性条件
即使 JSON 看起来没问题，以下任一条件不满足都会让片段静默失效：
-
vue.json文件路径错误：Windows 在%APPDATA%\Code\User\snippets\vue.json，macOS 在~/Library/Application Support/Code/User/snippets/vue.json，Linux 在~/.config/Code/User/snippets/vue.json - JSON 有尾随逗号（trailing comma），VS Code 会整个忽略该文件，不报错也不提示
- 片段名（如
"Vue3 Composition Base"）重复，或prefix与其他已存在片段冲突（比如另一个片段也设了"prefix": "vbase"） - 未重载窗口：保存
vue.json后，必须执行Developer: Reload Window（Ctrl+Shift+P 输入 reload）
要不要加 TypeScript 支持？取决于项目真实配置
如果你的项目用的是 .vue + lang="ts"，那 body 里第一行应写成 <script setup lang="ts"></script>；否则运行时可能报类型错误或 Volar 推导失败。但注意：
- 如果项目实际用 JS，硬写
lang="ts"会导致编译失败，且defineProps/defineEmits的泛型语法在 JS 下无效 -
defineProps在 JS 中只能传对象字面量，不能解构；而 TS 下支持更严格的签名写法 - 不写
lang属性默认为 JS，但多数新项目已默认开 TS，建议按项目来，别“一刀切”
最稳妥的做法是：建两个片段，一个叫 vbase-ts，一个叫 vbase-js，各自匹配真实环境。毕竟，自动补全再快，也救不了类型错配引发的 runtime 报错。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
