在VS Code中创建代码片段需通过Ctrl+Shift+P执行“Preferences: Configure User Snippets”，选择新建全局或语言专属文件（如javascript.json），按JSON格式编写：prefix为字符串，body为字符串数组，正确使用$1、$0及${}变量，保存后重启编辑器生效。
怎么创建自己的代码片段文件
VS Code 的用户代码片段是 JSON 格式，存放在特定路径下，不是随便建个 .json 就能生效。你得通过编辑器内置命令打开正确位置，否则改了也加载不到。
- 按
Ctrl+Shift+P（macOS 是Cmd+Shift+P），输入并选择Preferences: Configure User Snippets - 选
New Global Snippets file...命名如javascript.json，或直接选语言（如typescript）生成对应语言专属片段 - 生成的文件会自动打开，路径类似：
~/Library/Application Support/Code/User/snippets/javascript.json（macOS）或%APPDATA%\Code\User\snippets\javascript.json（Windows）
代码片段 JSON 结构容易写错的点
结构看着简单，但少一个逗号、多一个引号、body 写成字符串数组却漏了换行符，都会导致整个片段失效，且 VS Code 不报错——只是不出现。
-
prefix必须是字符串，比如"log"，不能是["log"]或带空格的"console log" -
body必须是字符串数组，每行一条，换行靠数组元素分隔，不是靠\n：写成["console.log($1);", "$0"]✅，写成"console.log($1);\n$0"❌ -
$1、$2是 tab 停靠位，$0是最终光标位置；重复编号（如两个$1）会导致跳转异常 - 变量如
${TM_FILENAME_BASE}要用大括号包裹，写成$TM_FILENAME_BASE就不会展开
如何让片段只在特定语言或文件中生效
全局片段（global）默认所有语言都触发，但多数时候你只想在 javascript 里用 log，在 python 里用 pp —— 这得靠「语言专属片段」或 scope 控制。
- 最稳妥方式：用
Configure User Snippets时直接选语言（如javascript），生成的javascript.json只在.js/.ts文件中生效 - 若需跨语言复用（比如通用注释模板），放 global 文件，但加
"scope": "javascript,typescript"字段（注意值是逗号分隔的字符串，不是数组） -
scope值必须是 VS Code 认识的语言 ID，不是文件后缀：用javascript，别写js；用shellscript，别写sh
为什么改完片段没反应？常见排查项
片段不触发，90% 不是语法问题，而是环境或缓存干扰。
- 检查当前文件右下角语言模式是否匹配片段作用域（比如你在
.txt里写log，而片段只配在javascript.json中） - 确认文件已保存（未保存的临时标签页有时不加载 snippets）
- 重启 VS Code —— 片段 JSON 加载是启动时读取的，修改后不重启，旧配置仍生效
- 如果有同名
prefix出现在多个文件（比如 global 和 language-specific 都有log），以更具体的 scope 为准；但冲突时 VS Code 不提示，只会随机选一个
真正麻烦的是嵌套逻辑和动态变量组合，比如想根据文件名自动生成组件名再拼进 class 声明——这时候就得查 ${TM_FILENAME_BASE/(.*)/${1:/pascalcase}/} 这类正则替换语法，而且不同 VS Code 版本对正则支持程度不一，试错成本高。
