VSCode原生不支持新建文件即填充模板，必须依赖snippets机制；vue片段失效主因是语言模式未识别为Vue，需确认右下角显示Vue、安装启用Volar、检查files.associations，并确保scope设为"vue"、prefix正确、配置后重载窗口。
VSCode 本身没有“新建文件即套用模板”的原生能力，所有所谓“模板”都靠 snippets 或插件模拟；真要稳定可靠，必须走 snippets 路线，且 scope、语言模式、prefix 三者缺一不可。
为什么 vue 片段在 .vue 文件里按 Tab 没反应
这不是配置错了，而是 VS Code 根本没识别当前文件为 Vue 语言环境。常见原因有：
- 右下角语言模式显示为
HTML或Plain Text，不是Vue—— 必须手动点击切换，或装 Volar 插件并启用 -
scope字段写成"scope": "html"或留空，导致 snippet 不匹配 Vue 模式 - 文件后缀是
.vue，但 VS Code 没关联该后缀到 Vue 语言（检查设置里files.associations是否含"*.vue": "vue"）
vue.json 里怎么写一个真正可用的 SFC 模板
重点不是内容多华丽，而是结构合法、缩进一致、不带运行时错误。比如 Vue 3 + <script setup> 下不能写 export default：
-
body每行一个字符串，换行用空字符串""，不是\n - 光标占位符用
$1、$2、$0，别写成${1}或$1$ - 缩进统一用 2 个空格或 1 个
\t，和项目 Prettier 配置对齐，否则保存时被自动改掉 - 示例片段（可直接粘贴进
vue.json）：
{
"Vue SFC (setup)": {
"scope": "vue",
"prefix": "vue",
"body": [
"<template>",
" <div>$1</div>",
"</template>",
"",
"<script setup>",
"$2",
"</script>",
"",
"<style scoped>",
"$3",
"</style>"
]
}
}
想让新建 .vue 文件就自动填模板，能实现吗
不能——VS Code 原生不支持“新建文件时自动注入内容”。所谓“新建即模板”，全是插件在背后做手脚，比如：
- 插件监听
workbench.action.files.newUntitledFile，再判断后缀，再调用editor.insertSnippet - 这类插件依赖 VS Code API 版本，升级后容易失效；不同工作区可能行为不一致
- 更稳的做法是：新建空
.vue文件 → 手动输入vue→ 按Tab→ 内容就位（触发快、跨环境、无依赖）
全局 snippet 和语言专属 snippet 怎么选
看复用范围和冲突风险：
- 通用工具类（如
prm→pxToRem($1)）适合放全局snippets.code-snippets，scope设为"javascript,typescript,scss" - 框架强相关（如 Vue 的
<script setup>、React 的rfc）必须绑定语言，否则在 Python 文件里输vue也会弹出来，干扰大 - 多人协作项目建议把
vue.json放进项目根目录.vscode/下，用工作区 snippet，避免本地配置污染团队习惯
最常被忽略的一点：改完 snippet 后不重载窗口，或没确认当前语言模式，就去试 —— 这时候不是模板不行，是 VS Code 根本没加载它。
