VS Code代码片段需正确配置scope、重载窗口并验证语言模式；支持动态变量与嵌套占位符；远程开发需在远程环境配置；prefix仅支持完整匹配。
VS Code 的代码片段（snippets）不是“写一次用百次”的魔法，而是需要明确作用域、正确语法和即时验证的配置工具。直接改 javascript.json 却没生效？大概率是 scope 写错了，或者没重载窗口。
怎么确认当前文件能触发你的 snippet？
VS Code 按语言类型激活 snippet，不是按后缀名——比如 .ts 文件默认用 typescript scope，而不是 javascript；.vue 单文件组件里 <script> 区域要用 vue 或 typescript（取决于 lang 属性）。
- 打开目标文件 → 查看右下角语言模式（如 “TypeScript”），这个名称就是 scope 名
- 在 snippet 配置中，
"scope": "typescript, vue"表示同时支持两种语言 - 如果 scope 留空或写错（如写成
ts），snippet 就不会出现 - 修改后必须执行
Developer: Reload Window才能生效，仅保存 JSON 不够
如何写一个带变量和占位符的实用 snippet？
别只用 、 硬编号——VS Code 支持动态变量（如 $TM_FILENAME_BASE）和嵌套占位符，让 snippet 真正适配上下文。
-
$1是光标初始位置，$0是最终跳出位置；多个$1会同步跳转 - 用
${1:defaultValue}设默认值，比如${1:props}，输入时可直接回车跳过 - 常见变量：
$TM_FILENAME_BASE（当前文件名不含后缀）、$CLIPBOARD（粘贴板内容）、$CURRENT_YEAR - 示例：React 函数组件 snippet 中，
"const ${1:ComponentName} = () => {"让你命名后自动补全
为什么自定义 snippet 在远程开发（SSH/WSL）里不生效？
远程环境用的是远程机器上的 VS Code Server 配置，本地 snippets 文件夹不会自动同步过去。
- 必须在远程环境中重新创建：用
Preferences: Configure User Snippets，再选语言 → 编辑对应 JSON - 或者把 snippet 文件复制到远程的
~/.vscode-server/data/Machine/settings.json对应路径（不推荐，易丢失） - 更稳妥的方式：用 Settings Sync（登录 GitHub 账号）或把 snippet 放进项目级
.vscode/snippets/目录，并确保"files.associations"正确映射 - 项目级 snippet 需在工作区根目录建
.vscode/snippets/xxx.code-snippets，且 scope 必须匹配该工作区语言识别逻辑
最常被忽略的一点：snippet 的 prefix 不支持正则或通配符，只认完整前缀匹配。想用 log 触发但又怕和 console.log 冲突？那就得换个 prefix，比如 mylog 或加空格 log （注意末尾空格），否则根本不会出现在补全列表里。
