Sublime Text 通过安装 Emmet 插件可实现 HTML 标签自动闭合:输入

Sublime Text 默认不会自动补全 HTML 闭合标签,但通过安装 Emmet(原名 Zen Coding)插件,就能实现高效、智能的标签自动闭合和展开,比单独找“Tag”类插件更主流、更可靠。
安装 Emmet 插件
Emmet 是 Sublime 中最常用、维护最活跃的 HTML/CSS 快速编写工具,天然支持自动闭合:
- 打开 Sublime Text → Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(Mac)调出命令面板
- 输入 Install Package,回车选择 Package Control: Install Package
- 搜索 Emmet,点击安装(安装后无需重启)
自动闭合标签的几种方式
装好 Emmet 后,以下操作会自动补全闭合标签:
- 输入 后按 Tab → 自动变成
,光标停在标签对中间- 输入
后按 Tab → 自动补全为自闭合标签
- 在已写好的开始标签(如
)后,直接按 Ctrl+Alt+. (句号) → Emmet 会自动补上对应闭合标签()立即学习“前端免费学习笔记(深入)”;
确保 HTML 语法模式已启用
如果 Tab 不生效,检查右下角是否显示 HTML(不是 Plain Text):
- 点击右下角语法名称 → 选择 HTML
- 或按 Ctrl+Shift+P → 输入 Set Syntax: HTML 回车
- Emmet 默认只在 HTML、XML、PHP 等支持语法中激活补全功能
可选:开启自动闭合(增强体验)
虽然 Emmet 的 Tab 补全是主力方式,你也可以开启 Sublime 原生的“自动闭合标签”辅助功能:
- 菜单栏 → Preferences → Settings
- 在右侧用户设置中添加:
"auto_close_tag": true,
"auto_close_tag_with_tab": true - 保存后,在 后按 Tab 或 > 都可能触发闭合(与 Emmet 共存时以 Emmet 为准,更稳定)
基本上就这些。Emmet 不仅能闭合标签,还能快速生成嵌套结构(比如输入
ul>li*3+ Tab 就生成带三个 li 的 ul),是写 HTML 的必备搭档。
- 输入











