PAYATHON 2026

WebStorm 中移除标签的快捷键命令叫什么,如何自定义?

数据小许

要移除 HTML/XML 的外层标签并保留内部内容,可以在 Keymap 中搜索 Unwrap/Remove。要直接执行 Alt + Enter 菜单中的某个操作,可以在该操作支持时,通过 Assign shortcut… 单独绑定快捷键。

原始描述没有给出菜单项的完整名称,因此无法确定你看到的操作是否与 Unwrap/Remove 完全相同。

使用 Unwrap/Remove 移除外层标签

WebStorm 的 Code → Unwrap/Remove… 支持对 HTML/XML 标签进行解包。官方文档列出的快捷键是 Ctrl + Shift + Delete,实际按键以当前 Keymap 为准。执行命令后,从弹出的可用操作列表中选择要解包的标签。官方操作说明

例如,要移除下面的外层 div:

<div class="wrapper">
  <span>Hello</span>
</div>

选择对应的解包操作后,内部内容会保留下来:

<span>Hello</span>

要给这个命令设置快捷键:

  1. 打开 Settings → Keymap。
  2. 搜索 Unwrap,找到 Unwrap/Remove。
  3. 右键选择 Add Keyboard Shortcut。
  4. 输入希望使用的组合键,检查冲突提示后保存。

在 Keymap 中,可以通过动作的右键菜单添加或修改快捷键。Keymap 设置说明

为 Alt + Enter 中的具体操作绑定快捷键

Alt + Enter 打开上下文操作菜单,其中包含 intention actions 和检查产生的 quick-fixes。不能仅凭菜单中的显示文字,认定它一定有同名的普通 Keymap 项。

如果目标操作是支持绑定快捷键的 intention action:

  1. 将光标放在能触发该操作的标签上。
  2. 按 Alt + Enter,找到目标操作。
  3. 打开该操作右侧的子菜单,选择 Assign shortcut…。
  4. 输入快捷键并确认。

设置后的快捷键可以在 Settings → Keymap → Intentions 中找到。官方文档说明,检查产生的 quick-fixes 目前不支持通过这种方式分配快捷键。如果没有 Assign shortcut…,需要结合当前版本和操作类型判断。Intention actions 官方说明

使用 Alt + Delete 前检查冲突

官方菜单索引中,Alt + Delete 对应 Safe Delete。如果当前 Keymap 也使用这一绑定,重新分配会影响原来的操作,应根据设置中的冲突提示决定是否替换。官方菜单与快捷键索引

绑定 Unwrap/Remove 后,仍可能需要在弹出列表中选择目标。如果希望按一次快捷键就执行指定操作,应先检查该 intention action 是否提供 Assign shortcut…。

备注:内容仅供参考。