选中内容后输入符号即可自动包裹,Sublime Text支持HTML标签、引号、括号的快速添加;结合Emmet插件可实现复杂结构包裹,还能通过自定义Snippet提升效率。

在 Sublime Text 中快速包裹选中的代码,比如添加 HTML 标签、引号或括号,可以通过内置功能和快捷键高效完成,无需手动输入标签或符号。
1. 使用“自动包裹”功能(推荐)
Sublime Text 自带一个非常实用的命令:当你选中一段文本后,直接输入 ,它会自动将选中内容包裹成 HTML 标签。例如:
- 选中文本:Hello World
- 输入 ,然后输入 p
- 结果自动变成:
Hello World
同样适用于其他标签,如 div、span、a 等。
立即学习“前端免费学习笔记(深入)”;
2. 快速添加引号或括号
选中文本后,直接输入引号 "、' 或括号 ()、[]、{},Sublime 会自动将其包裹:
- 选中:content,按 " → 输出 "content"
- 选中:item,按 ( → 输出 (item)
这个功能对 JSON、JS、字符串处理特别方便。
3. 使用 Emmet 插件增强包裹能力
Emmet 是 Sublime 强大的插件,支持更复杂的包裹操作:
- 选中要包裹的内容
- 按下 Ctrl+Shift+G**(Windows / Linux)或 **Cmd+Shift+G**(Mac)
- 输入 Emmet 缩写,如 ul>li*,即可用结构包裹选中项
例如:选中三行文本,使用 Emmet 输入 ul>li*,每行会被自动包进 并放入 中。
4. 自定义快捷键或片段(Snippet)
如果你经常用特定标签包裹代码,可以创建自定义 snippet:
- 菜单栏选择 Tools → Developer → New Snippet
- 编辑内容如下:
$SELECTION










