Emmet批量编辑元素快捷键?Bootstrap4列断点批量替换方法
Emmet批量编辑元素的快捷键及Bootstrap类替换方案
嘿,这个需求太常见了!我来给你讲清楚怎么操作:
1. 同时编辑多个元素的Emmet核心快捷键
Emmet配合编辑器的多光标功能,最常用的批量选中编辑快捷键是:
- Windows/Linux 系统:
Ctrl + D - Mac 系统:
Cmd + D
这个快捷键的逻辑很直观:选中当前光标所在的单词或元素后,每按一次就会自动选中下一处相同的内容,让你能同时在多个位置进行编辑。
2. 批量替换Bootstrap col-sm为col-lg的具体步骤
按照下面的操作来,不用逐行手动改:
- 找到文档里第一个
col-sm,要么用鼠标选中它,要么把光标放在这个单词上直接按Ctrl+D/Cmd+D完成第一次选中 - 重复按
Ctrl+D/Cmd+D,直到所有的col-sm都被选中(要是不小心多选了,按Ctrl+U/Cmd+U就能撤销上一次的选中操作) - 直接输入
col-lg,所有被选中的col-sm会瞬间替换成目标类名
额外提一句:如果你用的是VS Code这类编辑器,还可以用Ctrl+Shift+L(Windows/Linux)或Cmd+Shift+L(Mac),一次性选中所有相同的col-sm,效率会更高,这个操作也是和Emmet兼容的哦。
内容的提问来源于stack exchange,提问作者sharhan-alhassan
相关产品推荐
相关产品推荐

