使用Emmet可快速包裹标签,选中内容后按Ctrl+Shift+G输入标签名即可;多光标支持批量添加括号;自定义代码片段实现模板化包裹;正则替换高效处理大批量文本,四种方法提升编码效率。

在 sublime Text 中快速包裹选中内容的标签或括号,可以通过内置功能和插件高效完成。以下是一些实用技巧,帮助你实现单个或批量包裹代码。
使用 Emmet 快速包裹标签
Emmet 是 Sublime 内置的强大工具,支持 html 和 css 的快速编写,其中“包裹”功能非常实用。
操作步骤:
- 选中需要包裹的文本,比如:
hello - 按下 Ctrl+Shift+G(windows/linux)或 Cmd+Shift+G(mac),这是 Emmet 的“Wrap with Abbreviation”快捷键
- 输入要包裹的标签,例如:
div.classname或p - 按回车,选中的内容就会被自动包裹:
<div class="classname">hello</div>
提示:这个方法适用于 HTML、jsX 等支持 Emmet 的语法环境。
使用多光标进行批量包裹
当你需要为多行代码统一添加括号或标签时,可以结合多光标和编辑技巧。
示例:给多行加小括号
- 按住 Ctrl(或 Cmd),逐个点击每行开头,创建多个光标
- 在每行前手动输入
( - 将光标移到行尾,再次使用多光标,在每行末尾输入
)
替代方法:使用 Ctrl+D 多次选择相同内容,再用 Ctrl+Shift+L 将选中项转为多行编辑,然后统一添加括号。
使用“Insert Snippet”自定义包裹模板
你可以保存常用包裹结构为代码片段(Snippet),快速调用。
创建步骤:
- 菜单栏选择 Tools → Developer → New Snippet
- 编辑 snippet 文件,例如创建一个包裹 div 的模板:
<snippet> <content><![CDATA[<div class="$1">$SELECTION</div>]]></content> <tabTrigger>wrapdiv</tabTrigger> </snippet>
- 保存为
WrapDiv.sublime-snippet - 使用时选中文本,输入
wrapdiv并按 Tab 键,即可包裹
使用 Find and Replace 正则替换(适合批量处理)
对大量文本进行括号或标签包裹,正则替换最高效。
示例:给所有引号内的单词加 span 标签
- 打开替换面板 Ctrl+H
- 开启正则模式(点 .* 按钮)
- 查找内容:
"(w+)" - 替换为:
<span>$1</span> - 点击“Replace All”批量处理
说明:$1 表示第一个捕获组的内容,即引号内的单词。
基本上就这些常用方法。Emmet 适合日常标签包裹,正则替换适合大批量处理,而多光标和代码片段则提供灵活定制。熟练组合使用,能大幅提升编码效率。


