使用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，结果会变成：
立即学习“前端免费学习笔记（深入）”；
标小兔AI写标书
一款专业的标书AI代写平台，提供专业AI标书代写服务，安全、稳定、速度快，可满足各类招投标需求，标小兔，写标书，快如兔。
40 查看详情
这是一段文字
设置快捷键提升效率
默认没有为“Wrap with Abbreviation”分配快捷键，但你可以自定义一个：
进入菜单栏：Preferences → Key Bindings 在右侧用户键位绑定中添加一行：{ “keys”: [“ctrl+alt+w”], “command”: “wrap_with_abbreviation” }
保存后，以后选中内容按 Ctrl+Alt+W 就能直接调用包裹功能，无需打开命令面板。
基本上就这些。熟练掌握这个技巧后，HTML 结构调整会快很多。Emmet 的语法也支持嵌套、ID、类名等完整写法，灵活组合能大幅提升编码效率。
以上就是sublime怎么快速在html标签外包裹一层新标签_sublime HTML标签快速包裹技巧的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/216935.html
微信扫一扫 
支付宝扫一扫 
