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>
要给这个命令设置快捷键:
- 打开
Settings → Keymap。 - 搜索
Unwrap,找到Unwrap/Remove。 - 右键选择
Add Keyboard Shortcut。 - 输入希望使用的组合键,检查冲突提示后保存。
在 Keymap 中,可以通过动作的右键菜单添加或修改快捷键。Keymap 设置说明
为 Alt + Enter 中的具体操作绑定快捷键
Alt + Enter 打开上下文操作菜单,其中包含 intention actions 和检查产生的 quick-fixes。不能仅凭菜单中的显示文字,认定它一定有同名的普通 Keymap 项。
如果目标操作是支持绑定快捷键的 intention action:
- 将光标放在能触发该操作的标签上。
- 按
Alt + Enter,找到目标操作。 - 打开该操作右侧的子菜单,选择
Assign shortcut…。 - 输入快捷键并确认。
设置后的快捷键可以在 Settings → Keymap → Intentions 中找到。官方文档说明,检查产生的 quick-fixes 目前不支持通过这种方式分配快捷键。如果没有 Assign shortcut…,需要结合当前版本和操作类型判断。Intention actions 官方说明
使用 Alt + Delete 前检查冲突
官方菜单索引中,Alt + Delete 对应 Safe Delete。如果当前 Keymap 也使用这一绑定,重新分配会影响原来的操作,应根据设置中的冲突提示决定是否替换。官方菜单与快捷键索引
绑定 Unwrap/Remove 后,仍可能需要在弹出列表中选择目标。如果希望按一次快捷键就执行指定操作,应先检查该 intention action 是否提供 Assign shortcut…。
备注:内容仅供参考。
