sublime怎么快速包裹选中内容的标签或括号_sublime批量包裹代码快捷技巧

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

sublime怎么快速包裹选中内容的标签或括号_sublime批量包裹代码快捷技巧

sublime Text 中快速包裹选中内容的标签或括号,可以通过内置功能和插件高效完成。以下是一些实用技巧,帮助你实现单个或批量包裹代码。

使用 Emmet 快速包裹标签

Emmet 是 Sublime 内置的强大工具,支持 htmlcss 的快速编写,其中“包裹”功能非常实用。

操作步骤:

  • 选中需要包裹的文本,比如:hello
  • 按下 Ctrl+Shift+Gwindows/linux)或 Cmd+Shift+Gmac),这是 Emmet 的“Wrap with Abbreviation”快捷键
  • 输入要包裹的标签,例如:div.classnamep
  • 按回车,选中的内容就会被自动包裹:<div class="classname">hello</div>

提示:这个方法适用于 HTML、jsX 等支持 Emmet 的语法环境。

使用多光标进行批量包裹

当你需要为多行代码统一添加括号或标签时,可以结合多光标和编辑技巧。

示例:给多行加小括号

  • 按住 Ctrl(或 Cmd),逐个点击每行开头,创建多个光标
  • 在每行前手动输入 (
  • 将光标移到行尾,再次使用多光标,在每行末尾输入 )

替代方法:使用 Ctrl+D 多次选择相同内容,再用 Ctrl+Shift+L 将选中项转为多行编辑,然后统一添加括号。

使用“Insert Snippet”自定义包裹模板

你可以保存常用包裹结构为代码片段(Snippet),快速调用。

sublime怎么快速包裹选中内容的标签或括号_sublime批量包裹代码快捷技巧

文心快码

文心快码(Comate)是百度推出的一款AI辅助编程工具

sublime怎么快速包裹选中内容的标签或括号_sublime批量包裹代码快捷技巧35

查看详情 sublime怎么快速包裹选中内容的标签或括号_sublime批量包裹代码快捷技巧

创建步骤:

  • 菜单栏选择 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 适合日常标签包裹,正则替换适合大批量处理,而多光标和代码片段则提供灵活定制。熟练组合使用,能大幅提升编码效率。

上一篇
下一篇
text=ZqhQzanResources