如何在VS Code中一键同步将<h1></h1>改为<h2></h2>?
在VS Code中同步修改HTML标签对的方法
开启自动标签重命名功能
VS Code自带该功能,默认可能未启用。按下Ctrl+,(Windows/Linux)或Cmd+,(Mac)打开设置面板,搜索editor.linkedEditing,勾选「Enable Linked Editing」选项即可。开启后修改起始标签(比如把<h1>改成<h2>),对应的闭合标签会自动同步更新。用快捷键快速选中标签对(手动修改场景)
如果需要手动批量调整,可借助快捷键快速定位并选中标签对:- Windows/Linux:按
Ctrl+Shift+P调出命令面板,输入Select All Occurrences of Find Match执行;或者用Ctrl+D多次点击选中相同标签;更高效的是用Alt+Shift+→快速选中当前标签范围,再配合Ctrl+D选中配对的闭合标签。 - Mac:按
Cmd+Shift+P调出命令面板,对应快捷键为Cmd+D,也可使用Option+Shift+→选中标签范围。
- Windows/Linux:按
第三方插件强化(可选)
若自带功能无法满足复杂场景需求,可安装Auto Rename Tag插件,它支持更多语言的标签同步重命名,适配嵌套更深、结构更复杂的标签。
内容的提问来源于stack exchange,提问作者Afterlife Ryn
相关产品推荐
相关产品推荐

