能否在Visual Studio Code中定义支持选中代码替换的自定义重构？

在VS Code中，你可以利用自定义代码片段结合内置变量和占位符，实现选中代码替换为包含原内容的模板。核心是用$SELECTION变量引用选中的代码，配合$1、$2等占位符设置可编辑区域。

步骤1：创建自定义代码片段 #

1. 按下Ctrl+Shift+P（Mac为Cmd+Shift+P），输入Configure User Snippets，选择目标语言（比如JavaScript）或全局代码片段文件。
2. 在打开的JSON文件中添加以下示例片段：

示例1：标题分隔线模板

"标题分隔线模板": {
  "prefix": "title-wrap",
  "body": [
    "// [$1]",
    "//===============================",
    "$0"
  ],
  "description": "将选中内容替换为带标题占位符的分隔线"
}

• prefix：触发片段的前缀（输入title-wrap按Tab即可触发）
• $1：第一个可编辑占位符，触发后光标自动定位在此处，可输入标题内容
• $0：光标最终停留位置

示例2：函数包裹模板

"函数包裹模板": {
  "prefix": "func-wrap",
  "body": [
    "some('$1', () => {",
    "  $SELECTION",
    "});",
    "$0"
  ],
  "description": "将选中代码包裹到指定函数中，保留原代码"
}

• $SELECTION：自动插入你选中的代码内容
• $1：可编辑的函数参数占位符

步骤2：使用模板 #

1. 选中需要替换的代码（或空行）
2. 按下Ctrl+Shift+P输入Insert Snippet，选择对应的模板名称；或直接输入片段的prefix（比如func-wrap）按Tab触发

进阶：绑定快捷键 #

如果常用这类模板，可给片段绑定快捷键：

1. 按下Ctrl+K Ctrl+S打开键盘快捷键设置
2. 搜索Insert Snippet，点击编辑按钮，添加自定义快捷键（比如Ctrl+Alt+W），并指定对应的片段名称

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