VSCode Snippet 必须输入 prefix 后按 Tab/Enter 触发，无免输词自动插入；失效主因是 language mode 不匹配、prefix 含非法字符、文件名与语言 ID 不符、未执行 Reload Window，或 scope 配置错误。
VSCode 的 Snippet 功能本身不支持“一键生成”——它必须输入 prefix 后按 Tab（或 Enter，取决于设置）才能触发，不存在免输词、自动插入的“一键”行为。所谓“一键”，其实是把高频前缀练熟 + 配置合理占位符后的操作流优化结果。
为什么输入 prefix 后按 Tab 没反应？
这不是配置没保存，而是环境匹配失败。最常踩的坑集中在语言模式和文件后缀上：
- 当前文件右下角 language mode 必须是目标语言（如
javascript，不是plaintext或未识别的auto），可按Ctrl+K M手动切换 -
prefix只能含字母、数字、_、-；写成log!或console log会直接失效 - 片段文件名必须与 VSCode 内部语言 ID 完全一致：要支持 TypeScript 文件，得是
typescript.json，不是ts.json或typescriptreact.json（后者只对.tsx且启用了 React 插件的场景生效） - 修改 JSON 后必须执行
Developer: Reload Window（Ctrl+Shift+P输入该命令），仅保存文件不生效
如何让一个模板在 JS 和 TS 文件里都可用？
VSCode 不允许单个 snippet 跨语言复用，但有实操性最强的两种做法：
- 在
javascript.json和typescript.json中分别粘贴同一段定义（字段完全一致），这是最稳、兼容性最好的方式 - 如果你用的是 VSCode 1.86+，可在全局 snippet 文件中加
"scope": "javascript,typescript"字段，但注意：该语法不被所有语言 ID 支持，typescriptreact就不在白名单内 - 别试图用
scope: "all"或留空 —— VSCode 不认这种写法，会静默忽略整个 snippet
body 里缩进错乱、换行消失？
body 是字符串数组，每项对应一行，**缩进靠空格硬写，不能依赖编辑器自动对齐**：
- 数组元素里的制表符
\t会被原样输出，但多数人习惯用空格缩进，建议统一用 2 或 4 个空格字符 - 想插入空行？就写一个空字符串
""元素，别漏掉逗号 - 占位符如
${1:ComponentName}中的默认值会显示为提示文字，光标停在其中；$0表示最终光标位置，不参与跳转 - 要输出真实美元符（比如写正则
/\$\d+/），必须写成$$，否则会被当成变量解析
真正卡住人的往往不是语法，而是 language mode 是否激活、prefix 是否被其他插件拦截、或者改完 JSON 忘了重载窗口——这些点不验证一遍，再标准的配置也白搭。
