如何设置Sublime Text代码自动闭合及标签补全功能？

本文共计1112个文字，预计阅读时间需要5分钟。

Sublime Text 默认不自动闭合 HTML 标签，所谓的自动闭合功能实际依赖于插件或手动触发。原生插件 auto_close_tags 仅在特定条件下生效，且常被 Emmet 或第三方插件覆盖或干扰。

确认当前是否真启用了 auto_close_tags

很多人以为装完 Sublime 就能敲 <div> 后按 > 自动补全，结果没反应——大概率是这个设置被关了，或者根本没生效。

• 右下角状态栏必须显示 HTML（不是 Plain Text、XML 或 JavaScript）
• 打开 Preferences > Settings，检查用户设置里有没有 "auto_close_tags": false；有就删掉，或改成 true
• 注意拼写：是 auto_close_tags（复数），不是 auto_close_tag（单数）——后者是 Emmet 的配置项，混用会失效
• 改完保存即生效，不用重启；但已写好的未闭合标签不会被 retroactively 补全

Emmet 是最稳的闭合方案，但得配对启用

Sublime Text 4 ≥ v4126 已原生集成 Emmet，旧版需手动安装。它不靠 > 触发，而是靠 Tab 展开缩写，逻辑更可控。

• 确认 Preferences > Package Settings > Emmet > Settings 中 "auto_close_tag": true 存在且为 true
• 只对成对标签生效（<p>、<div>），对 <img>、<input> 这类自闭合标签默认不补结束符——这是正确行为，别乱开 auto_close_self_closing_tag
• 输入 div 后按 Tab → 得到 <div></div>；输入 ul>li*3 按 Tab → 直接生成完整列表结构
• 如果 Tab 没反应，先看右下角语法模式；.vue 文件中只在 <template> 区域生效，<script> 里要切到 JavaScript (React) 才支持 JSX 缩写

快捷键闭合比自动补全更可靠

等插件响应、调设置、切语法模式太慢。真正写代码时最常用的，是原生命令 close_tag，不依赖任何插件或语法识别。

• 光标放在任意标签起始符（如 <div）、结束符（如 </div）或标签名中间，按 Ctrl+Shift+.（Windows/Linux）或 Cmd+Shift+.（macOS）
• 它会自动判断上下文，补全缺失的对应标签，哪怕文件被识别为 Plain Text 也照常工作
• 不和 Emmet 冲突，不被输入法卡住，也不需要你记住当前是不是 HTML 模式
• 适合临时修一段老 HTML、调试时快速补漏、或在非标准后缀文件（比如 .shtml、.inc）里写模板

别装 AutoCloseTag 插件，除非你明确需要实时 > 补全

这个插件（作者 wingyplus）确实在输 <div 后按 > 就补 </div>，但它和 Emmet 共存极易出问题。

• 典型症状：输 <div> 按 > 补了一次，再按 Tab 又补一次，变成 <div></div></div>
• 它对自定义标签（如 <my-button>）、SVG 命名空间标签（<svg:circle>）基本不识别，不是配置能解决的
• 若坚持要用，务必关掉 Emmet 的 auto_close_tag，并在插件设置里开 "html_self_closing_tag": true，否则 <img> 会被硬塞 </img>
• 它的白名单只覆盖标准 HTML 标签，Vue/JSX 中的组件名（如 <MyComponent>）默认不处理

真正容易被忽略的是：所有自动机制都依赖“当前文件被正确识别为 HTML”。右下角显示 Plain Text 时，哪怕你把所有设置都调对了，也等于零。遇到闭合失效，第一反应不该是改配置，而是点一下右下角，手动切回 HTML。