如何在Visual Studio Code中创建可插入常用代码的自定义快捷键

全程用VS Code内置功能就能实现，不需要装额外插件，两种实现方式按需选：

方法一：代码片段+快捷键绑定（推荐，适合长代码、多段代码管理） #

第一步：创建自定义代码片段 #

• 按Ctrl+Shift+P（Mac端按Cmd+Shift+P）调出命令面板，输入配置用户代码片段回车
• 按需选择作用域：要所有类型文件都能用就选新建全局代码片段文件，只在特定编程语言（比如Java、Python）里用就选对应语言的片段文件
• 给片段起个辨识度高的文件名（比如common-snippets）回车，会自动打开片段配置的json文件，把默认注释替换成你的代码配置，举个实际配置例子：

{
    "快速插入接口请求通用模板": {
        "prefix": "reqtemp",
        "body": [
            "async function fetchData() {",
            "  try {",
            "    const res = await fetch('$1')",
            "    const data = await res.json()",
            "    console.log(data)",
            "    $2",
            "  } catch (err) {",
            "    console.error('请求失败:', err)",
            "  }",
            "}",
            "$0"
        ],
        "description": "插入async/await格式的接口请求模板"
    }
}

配置说明：

• prefix是代码提示触发词，不想用快捷键的时候打这串字符也能唤出片段
• body数组里每一项对应插入代码的一行，缩进直接在字符串里打空格即可，代码里的双引号前面要加转义符\
• $1/$2是代码插入后光标依次停留的位置，按Tab可以切换，$0是光标最终停留的位置

第二步：给片段绑定指定快捷键 #

• 按Ctrl+K之后紧接着按Ctrl+S（Mac端是Cmd+K接Cmd+S）打开快捷键设置面板，点击面板右上角的文件图标，打开keybindings.json配置文件
• 在配置的数组中添加如下规则，比如绑定Shift+F10：

{
    "key": "shift+f10",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
        "name": "快速插入接口请求通用模板"
    }
}

配置说明：

• key字段填你要绑定的组合键即可，按你实际需求改
• when字段设为editorTextFocus代表只有光标聚焦在代码编辑区时快捷键才生效，避免和其他场景的快捷键冲突；如果要限定仅特定语言下生效，可以改成editorTextFocus && editorLangId == 'python'这种格式
• args.name字段必须和你第一步写的代码片段最外层的键名完全一致，否则匹配不到

• 保存配置文件立刻生效，之后在编辑区按对应快捷键就能直接插入预设代码。

方法二：快捷键直接绑定代码（适合短代码，不用建单独片段） #

如果你的常用代码很短（比如固定注释、console打印语句），可以不用单独建代码片段，直接在keybindings.json里写死插入内容，配置示例：

{
    "key": "shift+f10",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
        "snippet": "// TODO: $1\n$0"
    }
}

snippet字段直接写要插入的代码即可，\n代表换行，$1/$0的光标规则和上面的片段配置一致。

常见问题排查 #

• 按快捷键没反应：打开快捷键设置面板，搜索你绑定的组合键，查看是否有其他功能占用了该快捷键，有冲突的话要么换个组合键，要么取消冲突项的绑定
• 插入代码缩进不对：检查你body里每行字符串前的空格数，和你实际需要的缩进保持一致即可

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