使用Emmet的“Wrap with Abbreviation”功能可快速为HTML标签添加外层结构，先选中内容，打开命令面板执行命令，输入标签缩写如div.container即可完成包裹；通过自定义快捷键Ctrl+Alt+W能进一步提升操作效率。
在 Sublime Text 中快速给 HTML 标签外包裹一层新标签，可以通过 Emmet 插件的“Wrap with Abbreviation”功能高效实现，这是前端开发中非常实用的操作。
使用 Emmet 快速包裹标签
Sublime Text 默认集成了 Emmet 插件，只需简单几步即可完成标签包裹：
- 选中你想包裹的 HTML 内容（可以是一段文本、一个或多个标签）
- 按下快捷键 Ctrl+Shift+P（Windows/Linux）或 Cmd+Shift+P（Mac），打开命令面板
- 输入 Wrap with Abbreviation 并选择该命令
- 在弹出的输入框中输入你要包裹的标签缩写，比如
div.container或section>article - 按回车，选中的内容就会被自动包裹进新标签中
常用示例
例如你有如下代码：
这是一段文字
立即学习“前端免费学习笔记（深入）”；
选中这段代码后执行“Wrap with Abbreviation”，输入 div.wrap，结果会变成：
设置快捷键提升效率
默认没有为“Wrap with Abbreviation”分配快捷键，但你可以自定义一个：
- 进入菜单栏：Preferences → Key Bindings
- 在右侧用户键位绑定中添加一行：
保存后，以后选中内容按 Ctrl+Alt+W 就能直接调用包裹功能，无需打开命令面板。
基本上就这些。熟练掌握这个技巧后，HTML 结构调整会快很多。Emmet 的语法也支持嵌套、ID、类名等完整写法，灵活组合能大幅提升编码效率。
