VSCode中如何给高亮选中的字符串快速包裹自定义代码

API 探路者

2026-9-24

VSCode选中内容快速包裹$log.debug()实现方案

方案1：无额外配置一键生效（推荐）

直接通过自定义快捷键绑定插入片段，无需额外操作，一次配置永久生效：

按下Ctrl+Shift+P（Mac系统为Cmd+Shift+P）唤起命令面板，输入Preferences: Open Keyboard Shortcuts (JSON)，回车打开快捷键配置文件
在配置文件中添加如下规则，可自行修改key字段为你习惯的快捷键，示例用Alt+L：

{
    "key": "alt+l",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus && editorHasSelection",
    "args": {
        "snippet": "$log.debug(${TM_SELECTED_TEXT});"
    }
}

保存配置文件即可生效，后续选中任意文本后按下绑定的快捷键，会自动在选中文本前后插入对应的包裹内容。

方案2：通用多片段环绕方案

如果后续需要多个不同的环绕规则，可以搭配内置环绕片段功能使用：

按下Ctrl+K Ctrl+S（Mac系统为Cmd+K Cmd+S）打开键盘快捷方式面板，搜索editor.action.surroundWithSnippet命令，给它绑定一个快捷键
唤起命令面板输入Preferences: Configure User Snippets，选择对应生效的语言配置文件（全局生效选新建全局代码片段文件）
在打开的片段配置文件中添加如下内容：

"Wrap with $log.debug": {
    "prefix": "logwrap",
    "body": "$log.debug($TM_SELECTED_TEXT);",
    "description": "Wrap selected content with $log.debug()"
}