如何在VS Code中为特定Emmet包裹缩写命令绑定快捷键？

架构老林

2026-8-7

在VS Code中为Emmet特定包裹缩写绑定快捷键的方法

要给指定的Emmet包裹缩写直接绑定快捷键，你需要在keybindings.json里添加带参数的快捷键配置，具体操作如下：

1. 打开快捷键配置文件

按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令面板
输入并选择「Preferences: Open Keyboard Shortcuts (JSON)」，打开keybindings.json文件

2. 添加带参数的快捷键配置

在已有的配置数组中，添加针对特定缩写的绑定。每个配置需要指定command、key和args参数，其中args用来传递固定的Emmet缩写。

示例配置：

// 绑定锚点标签（a[title][target=_blank]）快捷键，示例为Ctrl+Alt+A
{
  "key": "ctrl+alt+a",
  "command": "editor.emmet.action.wrapWithAbbreviation",
  "args": "a[title][target=_blank]",
  "when": "editorHasSelection && editorLangId != 'markdown'"
},
// 绑定无序列表（ul>li*）快捷键，示例为Ctrl+Alt+U
{
  "key": "ctrl+alt+u",
  "command": "editor.emmet.action.wrapWithAbbreviation",
  "args": "ul>li*",
  "when": "editorHasSelection && editorLangId != 'markdown'"
}

3. 配置项说明

args：必填项，填入你需要固定的Emmet缩写，比如p、h3、div.card等
when：可选项，用来限定快捷键生效场景，比如editorHasSelection确保只有选中文本时触发，editorLangId != 'markdown'避免在Markdown文件中误触发（不需要可删除）
key：替换为你习惯的快捷键组合，注意不要与已有快捷键冲突