Sublime Text 可通过启用原生 auto_close_tags 或安装 Emmet 实现 HTML 标签自动闭合：前者轻量但仅支持基础成对标签，后者支持缩写、嵌套与高效展开，需禁用前者避免冲突。
Sublime Text 默认不自动闭合 HTML 标签，但可通过原生功能或插件实现「输入 <div> 回车后自动生成 <code><div></div> 并把光标放在中间」——这需要启用 auto_close_tag 或安装 Emmet，二者行为不同，选错容易导致补全混乱。
启用 Sublime 原生 auto_close_tag（轻量、无依赖）
Sublime Text 4 内置了基础标签闭合能力，但默认关闭。它只处理成对标签（如 <div>、<code><p></p>），不支持缩写展开（如 ul>li*3）。
- 打开
Preferences → Settings，在右侧用户设置中添加："auto_close_tags": true
- 保存后，输入
<span> + <code>Tab或Enter，会生成<span></span>，光标停在中间 - 注意：该功能依赖
HTML语法高亮模式。如果当前文件右下角显示的是Plain Text，需先点击切换为HTML - 不生效？检查是否被插件覆盖：禁用
Auto Close Tag或Emmet插件后再试
安装 Emmet（推荐：支持缩写+闭合+嵌套）
真正提升前端效率的是 Emmet，它不只是闭合标签，还能把 .container>ul>li*3 直接转成完整结构。但它和原生 auto_close_tag 冲突，必须关掉前者。
- 用
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）调出命令面板，输入Package Control: Install Package回车 - 搜索
Emmet，安装官方版本（作者是sergeche） - 安装后，在用户设置中确认已禁用原生闭合：
"auto_close_tags": false
- 常用操作：
div.container+Tab→<div class="container"></div>；ul>li*2+Tab→ 自动展开带缩进的列表
为什么输入
不是所有场景都触发补全，尤其新手容易忽略编辑模式和作用域限制。
立即学习“前端免费学习笔记（深入）”；
- 确保文件类型是
HTML：右下角显示HTML，不是Text或XML；否则 Emmet 不激活 - 不在字符串或注释里：比如在
<script>var s = "<div";</script>中输入，Emmet 不响应 - 快捷键冲突：某些输入法（如搜狗）会拦截
Tab，可临时切换英文输入法再试 - Emmet 设置被覆盖：检查是否有项目级
.sublime-project文件禁用了emmet_enabled
补全后光标位置异常？调整 snippet 行为
Emmet 默认把光标放在标签内容区，但有时希望直接跳到属性位置（如 <img src="" alt="Sublime Text如何设置自动补全HTML标签_Sublime提高前端效率【新手必备】" > 的引号内），这时要改 snippet。
- 打开
Tools → Developer → New Snippet... - 替换内容为：
<snippet> <content><![CDATA[<${1:div} ${2:class="$3"}>$0</${1}>]]> <tabTrigger>tag</tabTrigger> <scope>text.html.basic</scope> </snippet> - 保存为
Packages/User/tag.sublime-snippet，之后输入tag+Tab就能按需插入 - 更灵活的方式是用
Emmet的Ctrl+Shift+P→Emmet: Expand Abbreviation，它比 Tab 触发更稳定
Emmet 的缩写规则和作用域判断很细，比如 !+Tab 在 HTML 文件里生成完整骨架，但在 CSS 文件里就无效；真正卡住的往往不是不会装，而是没意识到「当前光标位置是否在 Emmet 支持的作用域内」。
