VSCode代码片段需满足路径正确、JSON合法、重载配置三条件才生效；最稳妥创建方式是通过命令面板选“Configure User Snippets”→“New Global Snippets file”，保存后执行“Developer: Reload Window”。
VSCode 代码片段不会自动生效，必须满足三个硬性条件：文件路径正确、JSON 结构合法、编辑器已重载配置。缺一不可，否则输入 prefix 后毫无反应。
如何快速创建一个可用的 JavaScript 全局代码片段
最稳妥的做法是走 VSCode 官方入口，避免手动放错路径或编码出错：
- 按
Ctrl + Shift + P（Windows/Linux）或Cmd + Shift + P（macOS）打开命令面板 - 输入并选择
Preferences: Configure User Snippets - 点击
New Global Snippets file，输入文件名如common.code-snippets - 在生成的 JSON 文件中直接添加片段对象，例如：
{
"log with timestamp": {
"prefix": "logt",
"body": [
"console.log(`[${new Date().toISOString()}] $1`, $2);"
],
"description": "带时间戳的 console.log"
}
}
注意：body 是字符串数组，每行一个元素；$1 和 $2 是制表位占位符，不是变量名；保存后需执行 Developer: Reload Window 才能生效——仅保存文件不触发重载。
为什么在 javascript.json 里写的片段不生效
常见原因不是语法错，而是作用域和语言识别没对上：
-
javascript.json只对.js文件生效，.ts或.jsx文件默认不识别它 - React 项目中写 JSX，得单独配
javascriptreact.json；TypeScript 要配typescript.json - 如果文件已打开，VSCode 不会动态切换语言模式，需手动点击右下角语言标签，选“JavaScript React”再试
-
prefix必须全小写、无空格、无特殊字符，比如useEffect合法，use-effect或UseEffect都无法触发
body 中换行缩进怎么写才不乱
别用 \n 转义，也别复制粘贴带缩进的代码块——VSCode 的 body 数组天然按行拆分，缩进靠数组元素自身控制：
- 每行写成独立字符串，缩进用空格或 Tab 直接打进去
- 例如生成一个函数，
body应该是：
[
"function ${1:name}(${2:params}) {",
"\t$0",
"}"
]
其中 \t 表示一个 Tab 缩进，$0 是最终光标位置；${1:name} 表示第一个占位符，默认值为 name，Tab 键可跳转；$CLIPBOARD 可插入剪贴板内容，但只在展开瞬间读取一次，不是实时绑定。
工作区级片段和全局片段冲突怎么办
VSCode 优先使用工作区级配置，且不合并，而是覆盖：
- 工作区片段放在
.vscode/snippets/下，文件名任意，但必须是.code-snippets后缀 - 如果同名
prefix同时存在于全局和工作区，工作区的会完全屏蔽全局的 - 调试时可在命令面板运行
Developer: Toggle Developer Tools，在 Console 输入vscode.workspace.getConfiguration('editor').get('snippets')查看当前生效的片段来源 - 多人协作时建议用工作区片段 + Git 提交
.vscode/snippets/，避免依赖个人全局配置
真正容易被忽略的是：修改任何 snippet 文件后，必须执行 Developer: Reload Window，而不是简单重启编辑器或关掉再开——VSCode 的 snippet 缓存机制很顽固，reload 是唯一可靠方式。
