如何创建VS Code代码片段：后缀触发复用前缀前文本生成console.log语句

操作步骤： #

• 打开VS Code命令面板：按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入snippets后选择Configure User Snippets。
• 选择生效范围：如果仅需在JS/TS类文件中使用，选javascript.json或typescript.json；要全局所有语言生效，选global.code-snippets。
• 在打开的JSON文件中，添加以下配置：

{
  "Log variable with .log suffix": {
    "prefix": "",
    "body": "console.log($1);",
    "suffix": ".log",
    "description": "快速生成变量的console.log语句",
    "scope": "javascript,typescript,javascriptreact,typescriptreact",
    "transformations": [
      {
        "type": "replace",
        "regex": "(.*)\\.log",
        "format": "$1"
      }
    ]
  }
}

关键配置说明： #

• suffix: ".log"：设置触发后缀，输入变量名后追加.log即可触发代码片段。
• transformations：通过正则(.*)\.log匹配.log前的变量名，将匹配结果填充到body里的$1位置，实现复用前置文本。
• scope：限制片段生效的语言范围，可根据需求增删对应的语言标识。

使用方式： #

输入变量名（比如car），接着输入.log，按下TAB键，会自动转换为console.log(car);。

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