VS Code用户代码片段：如何调整关联制表位的初始光标位置？

你可以通过调整制表位的嵌套关系实现需求，让初始光标定位在变量位置以获取IntelliSense提示，同时输入的变量名自动同步到前面的字符串中。修改后的代码片段如下：

"console.log variable": {
    "scope": "javascript,typescript",
    "prefix": "cl",
    "body": [
        "console.log('${1:${2}}', ${2});",
        "$0"
    ],
    "description": "console.log variable with name (cursor starts at variable position)"
}

原理说明： #

• ${2}作为变量输入的主制表位，初始光标会直接定位到这里（VS Code会优先处理未被嵌套的制表位），此时你可以正常获取已定义变量的智能提示。
• ${1:${2}}表示字符串内的内容会镜像${2}的输入值，当你在${2}位置输入变量名时，字符串里会自动同步相同的内容。
• 输入完成后按Tab键，光标会跳转到$0标记的最终位置，方便后续编辑。

使用方式： #

1. 打开VS Code的用户代码片段设置（快捷键Ctrl+Shift+P，输入Configure User Snippets，选择对应语言的配置文件）。
2. 替换原有的console.log variable片段为上述代码。
3. 在代码中输入cl并按Tab触发片段，光标会自动定位到逗号后的变量位置，输入变量名时字符串内会同步更新。

内容的提问来源于stack exchange，提问作者Björn Heiße