陌墨姑娘_1472
发布时间：2026-03-17 16:24:31
|508人浏览过
|来源于php中文网
原创
Sublime Text 默认不自动闭合HTML标签，需手动启用内置auto_close_tag或安装第三方AutoCloseTag插件；后者支持实时闭合但需正确配置语法识别、输入法及自闭合标签白名单。
html 标签不自动闭合，是插件没开还是设置错了？默认安装的 Sublime Text（包括 Sublime Text 4）**不自带 HTML 标签自动闭合功能**，它只提供基础的标签对提示（比如输入 <div> 后按 <code>Tab 补全成 <div></div>），但不会在你敲完 <div> 回车后自动补 <code>
实操建议：
Auto Close Tag 功能：打开 Preferences > Settings，在右侧用户设置里加这一行："auto_close_tag": true（注意：仅对
html、xml 等支持标签对的语言生效）<p> + <code>> 就出 <p></p>），得装第三方插件 AutoCloseTag（作者: wingyplus），不是同名的另一个 Auto Close Tag（作者: tbm811）——后者只管 Tab 补全，前者才做实时闭合
AutoCloseTag 后，默认对 html、xml、jsx 生效；如需支持 vue 或自定义标签，得在插件设置里加 "include": ["text.html.basic", "source.vue"]
AutoCloseTag 插件装了但没反应？检查这三处常见错误现象：插件已安装、重启过 Sublime，但 <span></span> 敲完回车/空格，光标还在行尾，没看到 跟上。
立即学习“前端免费学习笔记（深入）”；
原因和对策：
HTML 或 HTML (Vue)，不是 Plain text。可手动点击切换，或保存为 .html / .vue 后缀Emmet 的用户，它的 expand_abbreviation_by_tab 可能劫持 Tab 键逻辑。临时禁用 Emmet 测试是否恢复；或在 Emmet 设置里关掉 "disable_tab_abbreviations_for_scopes" 相关项AutoCloseTag 默认监听 > 和 / 键触发闭合。如果输入法处于中文状态，按 > 实际输出的是中文符号（如「＞」），插件收不到信号——切英文输入法再试<img alt="sublime怎么快速闭合标签_sublime自动完成HTML【经验】" >、<br> 这类自闭合标签也总被强行补 这是 AutoCloseTag 的默认行为：它按“所有标签都需闭合”的规则工作，不区分语义。结果就是写 <img src="a.jpg" alt="sublime怎么快速闭合标签_sublime自动完成HTML【经验】" > 后，它硬给你塞个 ，破坏语法。
解决方法（必须改插件设置）：
Preferences > Package Settings > AutoCloseTag > Settings
"html_self_closing_tag": true
area, base, br, col, embed, hr, img, input, link, meta, param, source, track, wbr），遇到这些标签就不补结束标签<my-component></my-component> 这种自定义自闭合写法，得靠 Emmet 或手写，AutoCloseTag 不支持jsx 里 <div> 补了，<code><component></component> 却不补
根本原因是 AutoCloseTag 判断“哪些算开始标签”依赖 Sublime 的语法高亮 scope（比如 text.html.basic 或 source.js.jsx），而 JSX 中自定义组件名（<button></button>）常被识别为 variable.other.readwrite.js，插件直接跳过处理。
可行方案：
JavaScript (React JSX) 语法（不要用 Babel 或其他第三方 JSX 语法包），它对 <componentname></componentname> 的 scope 识别更准"include": ["text.html.basic", "source.js.jsx"]
Emmet（输入 Component + Tab）或手敲。别指望 AutoCloseTag 在 JSX 里完美覆盖所有情况复杂点在于，闭合行为不是纯文本替换，它要解析当前光标位置的上下文、匹配最近的未闭合标签、还要考虑缩进和换行——一旦语法 scope 模糊，插件就容易“看走眼”。这也是为什么换个语法高亮主题或装个新插件后，自动闭合突然失效：背后是 scope 链断了。
相关文章
Sublime文本编辑器怎么转换英文字母的大小写
Sublime编辑器光标导航历史记录的查看方法
Sublime Text调试Lua好用吗？轻量开发体验
Sublime Text颜色方案怎么配置？护眼模式开启指南
Sublime Text怎么一键运行JavaScript代码
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
将 pdf 转换为 xml 的方法：1. 使用在线转换器；2. 使用桌面软件（如 adobe acrobat、itext）；3. 使用命令行工具（如 pdftoxml）。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
4984
2024.04.01
步骤：1. 导入 xml 文件；2. 选择 xml 结构；3. 映射 xml 元素到 word 元素；4. 生成 word 文档。提示：确保 xml 文件结构良好，并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容，可以阅读本专题下面的文章。
6477
2024.08.01
xml是一种纯文本格式的文件。xml指的是可扩展标记语言，标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容，可阅读本专题下面的相关文章。
2602
2024.11.28
php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法，还有更多js正则表达式的相关文章、相关下载、相关课程，供大家免费下载体验。
4836
2023.06.20
JS全称JavaScript，是一种具有函数优先的轻量级，解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言，主要用于Web，常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢？php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。
1435
2023.07.28
js字符串转数组的方法：1、使用“split()”方法；2、使用“Array.from()”方法；3、使用for循环遍历；4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容，供大家免费下载体验。
1878
2023.08.03
JS是JavaScript的缩写，它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言，通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果，如表单验证、页面元素操作、动画效果、数据交互等。
10363
2023.08.17
js删除节点的方法有：1、removeChild()方法，用于从父节点中移除指定的子节点，它需要两个参数，第一个参数是要删除的子节点，第二个参数是父节点；2、parentNode.removeChild()方法，可以直接通过父节点调用来删除子节点；3、remove()方法，可以直接删除节点，而无需指定父节点；4、innerHTML属性，用于删除节点的内容。
1040
2023.09.01
本专题从实际API接口调试场景出发，讲解Postman身份认证的完整配置流程，包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查，帮助用户正确完成接口授权与访问验证。
0
2026.11.06
热门下载
相关下载
精品课程
共0课时 | 0人学习
共0课时 | 0人学习
共0课时 | 0人学习
最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn
