sublime怎么让html标签自动闭合_sublime HTML自动补全与闭合设置

Sublime Text可通过启用内置补全实现基础标签闭合，输入如div后按Tab生成<div></div>；2. 推荐安装Emmet插件，支持高效HTML结构生成与自动闭合；3. 在设置中开启"auto_close_tags"和"auto_match_enabled"可实现输入时自动补全闭合标签；4. 可选安装Tag插件，支持快捷键快速闭合标签。结合Emmet与自动匹配设置，显著提升HTML编写效率。

Sublime Text 默认不会自动闭合 HTML 标签，但通过简单设置和插件可以实现智能补全与自动闭合功能。下面介绍几种实用方法。

1. 启用 Sublime 内置自动补全

Sublime Text 自带基础的标签补全能力，输入开始标签后按 Tab 或 Enter 可快速生成闭合标签。

• 输入 div，然后按 Tab，会自动生成 <div></div>
• 输入 p + Tab → <p></p>

这依赖于默认的 HTML snippet，确保当前文件语法设为 HTML（右下角显示“HTML”）。

2. 安装 Emmet 插件（推荐）

Emmet 是提升 HTML 编写效率的核心工具，支持自动闭合、快速生成结构等。

立即学习“前端免费学习笔记（深入）”；

• 按下 Ctrl+Shift+P 打开命令面板
• 输入 “Install Package” 并选择 “Package Control: Install Package”
• 搜索 “Emmet” 并安装

• 输入 div + Tab → 自动生成 <div></div>
• 输入 ul>li*3 + Tab → 快速生成无序列表

Emmet 会自动处理大多数标签的开闭，大幅提升编码速度。

自由画布

百度文库和百度网盘联合开发的AI创作工具类智能体

73

查看详情

3. 开启自动配对标签高亮与关闭

让 Sublime 在输入时自动补全闭合标签，可通过设置开启“自动配对”功能。

• 点击菜单栏：Preferences → Settings
• 在右侧用户设置中添加或确认以下内容：

"auto_close_tags": true,
"auto_match_enabled": true

这样在输入 <div> 后，Sublime 会自动补上 </div>，或在光标离开时智能闭合。

4. 使用 Tag 插件（可选）

Tag 是另一个增强 HTML 标签操作的插件，支持重命名标签、自动闭合等。

• 通过 Package Control 搜索 “Tag” 并安装
• 安装后支持 Ctrl+T, Ctrl+T 快速闭合当前未闭合标签

基本上就这些。搭配 Emmet + 开启 auto_match，Sublime 就能像专业 IDE 一样高效编写 HTML。设置不复杂，但效果明显。

以上就是sublime怎么让html标签自动闭合_sublime HTML自动补全与闭合设置的详细内容，更多请关注php中文网其它相关文章！