使用sublime Text编辑html时,结合内置功能与Tag插件可高效闭合标签:输入开始标签后按Tab或Enter自动生成闭合;安装Tag插件后支持自动补全、Alt+.手动闭合、Ctrl+Alt+J跳转匹配标签、Ctrl+Shift+’删除成对标签,并可与Emmet联动生成嵌套结构,开启同步重命名还能批量修改标签名,大幅提升编码效率。

在使用 sublime text 编辑 HTML 时,快速闭合标签能极大提升编码效率。虽然 Sublime 自带基础的自动补全功能,但配合专用插件可以实现更智能、更快速的标签闭合。
Sublime 自带闭合功能
Sublime Text 原生支持部分标签闭合操作:
- 输入开始标签如 后,按 Tab 或 Enter,多数情况下会自动生成闭合标签。
- 将光标放在开始标签内,按 Ctrl + Alt + .(点) 可快速插入对应结束标签。
安装 Tag 插件实现自动闭合
Tag 是 Sublime 上广受欢迎的 HTML/xml 标签处理插件,支持自动闭合、跳转匹配标签等功能。
安装步骤:
立即学习“前端免费学习笔记(深入)”;
- 确保已安装 Package Control(Sublime 的插件管理工具)。
- 按下 Ctrl + Shift + P 打开命令面板。
- 输入 Install Package 并回车。
- 搜索 Tag,点击安装。
Tag 插件常用功能
安装后无需额外配置,即可使用以下快捷操作:
- 自动闭合标签:输入 后,Tag 会自动补全 ,光标停在中间。
- 手动触发闭合:光标位于开始标签中时,按 Alt + . 插入结束标签。
- 跳转匹配标签:按 Ctrl + Alt + J 在开始和结束标签间切换。
- 删除成对标签:将光标置于标签内,按 Ctrl + Shift + ‘ 可删除整对标签。
提高效率的小技巧
结合 Emmet 使用效果更佳:
- 输入 div>p>span 按 Tab,Emmet 会生成嵌套结构,Tag 负责确保每层都正确闭合。
- 修改标签名时,Tag 支持同时更新结束标签(需开启同步重命名功能)。
基本上就这些。合理使用 Sublime 内置功能加 Tag 插件,写 HTML 时几乎不用手动输入闭合标签,效率明显提升。不复杂但容易忽略。