sublime怎么快速包裹选中的代码_sublime添加html标签或引号括号

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

在 Sublime Text 中快速包裹选中的代码，比如添加 HTML 标签、引号或括号，可以通过内置功能和快捷键高效完成，无需手动输入标签或符号。

1. 使用“自动包裹”功能（推荐）

Sublime Text 自带一个非常实用的命令：当你选中一段文本后，直接输入 <，它会自动将选中内容包裹成 HTML 标签。例如：

• 选中文本：Hello World
• 输入 <，然后输入 p
• 结果自动变成：<p>Hello World</p>

同样适用于其他标签，如 div、span、a 等。

2. 快速添加引号或括号

选中文本后，直接输入引号 "、' 或括号 ()、[]、{}，Sublime 会自动将其包裹：

立即学习“前端免费学习笔记（深入）”；

• 选中：content，按 " → 输出 "content"
• 选中：item，按 ( → 输出 (item)

这个功能对 JSON、JS、字符串处理特别方便。

Spacely AI

为您的房间提供AI室内设计解决方案，寻找无限的创意

67

查看详情

3. 使用 Emmet 插件增强包裹能力

Emmet 是 Sublime 强大的插件，支持更复杂的包裹操作：

• 选中要包裹的内容
• 按下 Ctrl+Shift+G**（Windows / Linux）或 **Cmd+Shift+G**（Mac）
• 输入 Emmet 缩写，如 ul>li*，即可用结构包裹选中项

例如：选中三行文本，使用 Emmet 输入 ul>li*，每行会被自动包进 <li></li> 并放入 <ul></ul> 中。

4. 自定义快捷键或片段（Snippet）

如果你经常用特定标签包裹代码，可以创建自定义 snippet：

• 菜单栏选择 Tools → Developer → New Snippet
• 编辑内容如下：

<snippet>
  <content><![CDATA[
<div class="$1">$SELECTION</div>
]]></content>
  <tabTrigger>wrapdiv</tabTrigger>
</snippet>

保存后，全选内容并输入 wrapdiv + Tab，就能快速用 div 包裹代码。

基本上就这些方法，熟练使用能大幅提升编码效率。重点记住：选中 + 输入符号 = 自动包裹，简单又强大。

以上就是sublime怎么快速包裹选中的代码_sublime添加html标签或引号括号的详细内容，更多请关注php中文网其它相关文章！