vscode高效标签操作

别再手写闭合标签了

不会真的有人想给一堆标签套个新标签，是先写个 <div></div>，然后剪切粘贴吧？

不会真的有人想删掉一层标签，先选前面的删掉，再顶着报错去找到后面那个删掉吧？

或者你想改个属性，碰鼠标又太麻烦，键盘移动过去要按住 Ctrl 然后不停地按箭头？

好吧，这些都是我曾经的操作...

其实，VS Code 内置了极其强大的 Emmet 功能，只是它们默认没有绑定快捷键。只要把这些功能绑定到键盘上，就能解放右手了。

我的键位配置

在 VS Code 中点击齿轮图标，选择 Profiles → Keyboard Shortcuts 就可以看到配置文件了。

这套配置使用了 Ctrl + Alt 组合，完美避开了大部分插件的冲突，调试了好一会儿。不想用？那你可以试试拿鼠标选择一片区域，然后靠拖动来移动（

json

[
  {
    "key": "ctrl+alt+t",
    "command": "editor.emmet.action.wrapWithAbbreviation"  // 用标签包裹
  },
  {
    "key": "ctrl+alt+\\",
    "command": "editor.emmet.action.matchTag"  // 跳转到匹配的标签
  },
  {
    "key": "ctrl+alt+k",
    "command": "editor.emmet.action.removeTag"  // 删除标签（保留内容）
  },
  {
    "key": "ctrl+alt+j",
    "command": "editor.emmet.action.balanceOut"  // 向外扩展选择
  },
  {
    "key": "ctrl+alt+,",
    "command": "editor.emmet.action.selectPrevItem"  // 选择前一个项目
  },
  {
    "key": "ctrl+alt+.",
    "command": "editor.emmet.action.selectNextItem"  // 选择下一个项目
  },
  {
    "key": "ctrl+alt+u",
    "command": "editor.emmet.action.updateTag"  // 更新标签名称
  }
]