VS Code代码片段失效主因是配置错误而非缺插件：语言模式不匹配、scope字段被忽略、body格式错误、JSON语法问题、选错snippets文件类型；需按语言精准配置，修改后须重载窗口生效。
VS Code 自带的代码片段功能已经足够强大，插件不是必须的——真正卡住你效率的，通常是配置方式、语言匹配或 JSON 格式细节。
为什么你装了插件却还是手动敲 console.log
多数“代码片段生成插件”（如 Auto Close Tag、JavaScript (ES6) code snippets）只是预置了一批常用模板，并不解决根本问题：你的自定义片段没生效。常见原因包括：
- 右下角语言标识显示的是
Plain Text或Vue，但你在javascript.json里写的prefix只对JavaScript模式生效 -
global.code-snippets文件里写了"scope": "typescript"，但该字段在全局文件中被忽略，实际只靠文件名或语言模式隐式匹配 -
body写成单个字符串而非字符串数组，比如"body": "console.log('$1');"（错误）→ 正确应为"body": ["console.log('$1');"] - JSON 中漏了逗号、多了一个逗号、用了中文引号，VS Code 不报错但直接跳过整个片段
Preferences: Configure User Snippets 怎么选才不踩坑
命令面板里搜到这个命令后，选择项直接影响片段作用范围和匹配逻辑：
- 选
javascript→ 生成javascript.json→ 仅在编辑器语言模式为JavaScript时触发（注意：.ts 文件默认是TypeScript，不匹配） - 选
typescriptreact→ 生成typescriptreact.json→ 专用于.tsx文件且状态栏显示TypeScript React时才加载 - 选
New Global Snippets file→ 命名为common.code-snippets→ 无scope字段时，只在语言模式为Plain Text或未识别语言时 fallback 使用 - 想让片段在 .vue 文件中生效？别选
html或javascript，要单独配vue.code-snippets，因为 Volar/Vetur 已将 .vue 切换为Vue模式
prefix 和 body 的实操细节
前缀不是越短越好，body 也不是越全越好——平衡可发现性与灵活性才是关键：
-
prefix避免和内置补全冲突：比如log容易和 TypeScript 的console.log方法提示打架，改用clog或clg更稳 -
body多行时，每行字符串自带换行，缩进用空格对齐（VS Code 默认 2 空格），不要混用 Tab，否则格式化工具（如 Prettier）可能二次破坏结构 - 占位符优先用
${1:default}而非$1：比如"${1:ComponentName}"比"$1"更明确，且光标首次停靠时已有可编辑文本 - 变量如
$TM_FILENAME、$CURRENT_DATE直接写入body数组即可，无需额外配置；但$0必须显式写出，表示最终光标位置
最常被忽略的一点：修改完 snippet 文件后，已打开的同名文件不会自动刷新配置——关掉再重开该文件，或者执行一次 Developer: Reload Window，否则你改了十遍也看不到效果。
