VSCode编写HTML时快速退出括号的快捷键咨询

架构老林

2026-6-17

在VS Code中快速退出HTML属性引号的快捷操作

以下是几种比方向键更高效的操作方式：

Tab键（默认支持）：输入属性名（比如title）后按Tab，VS Code会自动补全成对引号并将光标定位到引号中间；写完属性值后再按一次Tab，光标直接跳到引号外侧，这是最省心的原生操作。
快捷键跳转到引号末尾：
- Windows/Linux：Ctrl+Shift+→
- Mac：Cmd+Shift+→
  当光标在引号内时，按下该快捷键可直接选中到引号结束位置，再按一次就能跳出引号，适合不需要自动补全的场景。
自定义专属快捷键：如果默认快捷键不符合使用习惯，可以自行配置：
1. 按下Ctrl+K Ctrl+S打开快捷键设置面板
2. 点击右上角的打开键盘快捷方式(JSON)图标
3. 添加如下配置（以绑定Alt+]为例）：
```
{
  "key": "alt+]",
  "command": "cursorMove",
  "args": {
    "to": "right",
    "by": "word",
    "word": "boundary"
  },
  "when": "editorTextFocus && editorLangId == 'html'"
}
```
保存后，在HTML文件中按下Alt+]就能快速跳到当前引号外侧。
Emmet语法加速：用Emmet快速生成带属性的标签，比如输入div[title]后按Tab，会直接生成<div title=""></div>，光标自动落在引号中间，写完属性值按Tab即可跳出。