vs code代码片段是原生功能，无需插件；需通过命令面板创建配置文件，全局用*.code-snippets、语言专属用对应语言id命名（如typescriptreact.json），body必须为字符串数组，且仅在匹配语言模式下触发。
VS Code 代码片段不是靠“装插件”实现的，而是编辑器原生功能——你不需要额外安装插件来定义自己的 prefix 和 body，直接用内置的 snippets 系统就行。装错插件反而容易干扰触发逻辑。
怎么打开正确的 snippets 配置文件
别手动建 .vscode/snippets/ 目录或瞎改路径。VS Code 只认命令面板入口生成的文件，且后缀和命名规则严格：
- 全局通用片段：执行
Preferences: Configure User Snippets→ 选New Global Snippets file→ 文件名必须以.code-snippets结尾（如common.code-snippets） - 语言专属片段：同样进该命令 → 直接选
javascript或typescriptreact→ VS Code 自动创建并打开javascript.json或typescriptreact.json，文件名必须和语言 ID 完全一致（typescriptreact.json不是tsx.json） - 工作区级片段不能靠“新建文件夹”实现：需在项目根目录下手动建
.vscode/snippets/javascript.json，但必须先确保.vscode是隐藏目录且路径无拼写错误
body 必须是字符串数组，不是单个字符串
这是静默失效最常见原因。VS Code 解析 body 字段时，只接受 string[] 类型，哪怕只有一行也得包成数组。
- ❌ 错误：
"body": "console.log($1);"→ 控制台报Invalid snippet definition，片段不加载 - ✅ 正确：
"body": ["console.log($1);"] - 多行示例（React 函数组件）：
"body": ["import React from 'react';", "", "function ${1:ComponentName}() {", " return ($2);", "}", "$0"] - 缩进靠你手写空格或制表符，
body数组里每项就是一行，不用加\n
为什么输入 prefix 后 Tab 没反应
不是代码写错了，大概率是上下文没对上。VS Code 的片段不监听全局输入，只在匹配的语言模式下激活。
- 当前文件后缀必须匹配语言 ID（比如
.ts文件不会触发javascript.json里的片段，除非你把它设为 JavaScript 模式） -
prefix写对了、body是字符串数组、当前语言模式匹配——这三点全满足，片段才能触发；缺一不可，不是“保存就生效” - 检查右下角状态栏的语言模式是否正确（点击可切换），尤其注意
typescriptreact和javascript是两个独立语言 ID
最容易被忽略的是语言 ID 和文件实际模式的错位，比如在 .tsx 文件里写了 typescript.json 片段——它根本不会加载，因为 TSX 对应的是 typescriptreact，不是 typescript。
