使用Emmet可高效包裹代码:先选中内容,按Ctrl+Alt+W或通过命令面板选择“Wrap with Abbreviation”,输入标签名如div.container,回车后即完成包裹,适用于HTML等格式,提升编码效率。

在 Sublime Text 中,快速包裹选中的代码块非常高效,常用的方式是利用快捷键配合 Emmet 插件或原生命令来实现。下面介绍几种实用方法。
使用 Emmet 快速包裹标签
Emmet 是 Sublime 内置的强大插件,支持 HTML 和 CSS 的快速编写。
- 先选中你想要包裹的代码行(比如几行文本或标签)
- 按下 Ctrl+Shift+P 打开命令面板,输入 Wrap with Abbreviation 并回车
- 然后输入你想包裹的标签,例如:
div.container>ul或简单的p - 回车后,选中内容就会被自动包裹进指定结构中
这个方法特别适合 HTML 编辑,效率极高。
使用键盘快捷键直接触发(推荐)
你可以为“包裹”操作设置或直接使用默认快捷方式:
- 选中文本后,直接按 Ctrl+Alt+W(Windows/Linux)或 Cmd+Option+W(Mac)
- 此时会弹出输入框,让你输入要包裹的标签名,如
section、article等 - 输入后回车,即可完成包裹
这是 Emmet 提供的快捷命令,前提是已安装并启用 Emmet(Sublime 默认自带)。
自定义包裹语句(适用于代码块)
如果你想用 if、for 等语句包裹代码,可以这样做:
- 选中一段代码(比如 JavaScript 中的几行)
- 输入
if然后按 Tab(需语言支持 Emmet 或有对应 snippet) - 部分语言环境下会自动将选中内容包裹进 if 语句中
也可以通过自定义 snippet 实现更复杂的包裹逻辑,比如创建一个 for 循环包裹模板。
确保 Emmet 正常工作
如果上述功能无效,请检查:
- 当前文件语法是否正确设置(如 HTML、JS、CSS)
- Emmet 是否启用:菜单栏 → Preferences → Package Settings → Emmet → Ensure it's active
- 可通过 Package Control 重装 Emmet 以修复异常
基本上就这些。熟练使用 Ctrl+Alt+W 或命令面板里的“Wrap with Abbreviation”,能极大提升编码速度。










