如何在VS Code中设置snippet代码片段的光标定位与变量选中规则

这个需求完全可以实现，VS Code 原生的代码片段语法就支持光标定位、自动选中待修改变量的功能，具体操作方法如下：

VS Code 代码片段的body字段支持两种特殊标记来控制光标行为：

• Tab 停止位：用$1、$2、$n格式标记，插入片段后光标会默认定位到$1的位置，按Tab键可依次跳转到后续序号的停止位，特殊标记$0代表光标最终停留位置，未设置时默认停在片段末尾。
• 带默认值的占位符：用${1:默认内容}格式标记，插入片段后该位置的默认内容会被全选，直接输入即可覆盖原有内容，按Tab同样可跳转到下一个占位符。

比如要自定义一个打印变量的代码片段，实现插入后自动选中待打印的变量名：

// 对应 JavaScript 的代码片段配置
"打印变量": {
  "prefix": "mylog",
  "body": [
    "console.log('${1:变量名}:', $1);",
    "$0"
  ],
  "description": "打印变量名与对应值"
}

插入该片段后效果：

1. 自动全选变量名文本，输入目标变量名时，单引号内和后面的$1位置会同步更新
2. 按一次Tab键，光标直接跳转到console.log语句外面的$0位置，无需手动移动光标

• 多个停止位使用相同序号时，所有对应位置会同步修改内容，适合需要多处填写相同值的场景
• 占位符支持嵌套，比如${1:变量名-${2:后缀}}，可以先修改外层默认值，再按Tab修改内层嵌套内容

内容的提问来源于stack exchange，提问作者Ruthvik