auto close tag插件并非最稳定方案，其核心功能仅为输入开始标签后自动补全闭合标签，不支持修改标签名时同步更新；真正实现重命名同步的是vscode原生html.autorenametag或auto rename tag插件。
Auto Close Tag 插件是当前 VSCode 中最稳定、兼容性最好的 HTML/XML 标签自动闭合方案，不需要额外快捷键——它在你输入 <div> 后的 <code>> 时就自动补全
VSCode中快速闭合代码标签的快捷键与插件推荐
风晨吖_2847
2026-07-22
893人浏览
原创
为什么不用手动快捷键闭合标签
VSCode 自带的 Ctrl+Shift+P → Emmet: Wrap with Abbreviation 或第三方插件提供的 Ctrl+Alt+. 类快捷键，只适合极少数场景（比如临时包裹一段已有文本）。日常写新标签时，95% 的闭合需求靠输入时机触发更自然、更少打断思路。
-
Auto Close Tag在你敲下>的瞬间完成闭合，响应快、无延迟 - 手动快捷键需要暂停输入、记忆组合键、再切回编辑——对连续编码是明显干扰
- 部分快捷键（如旧版
Ctrl+Shift+.）在 Vue/JSX 文件中容易和 Emmet 冲突，导致闭合失败或插入错误结构
Auto Close Tag 插件必须调整的 3 个配置项
装完插件不调配置，等于白装。默认设置会漏掉常见情况，比如 <img> 不加斜杠、<input> 不补空格、Vue 单文件组件里 <template></template> 不生效。
-
"auto-close-tag.SublimeText3Mode": true—— 开启后支持<div> + <code>Tab补全为<div></div>，比等>更主动 -
"auto-close-tag.enableAutoCloseTagWithSlash": true—— 让<img> + <code>/>自动变成<img>，避免手抖多打斜杠 -
"auto-close-tag.exclude": ["vue", "javascript", "typescript"]—— 反向操作：把vue加进去反而会让<script></script>和<style></style>标签也闭合，实际应保留；真正要排除的是markdown和json这类非标签语言 - 如果显示
Vue，点击切换成Vue HTML；或者按Ctrl+Shift+P输入Change Language Mode，选Vue HTML -
Volar（Vue 3 推荐）需额外在settings.json中加一行："volar.autoInsertClosingTag": true，否则Auto Close Tag不接管
Vue/JSX 场景下闭合失效的常见原因
不是插件坏了，而是 VSCode 默认把 .vue 文件识别为 vue 语言模式，而 Auto Close Tag 默认只激活 html、xml、php 等。Vue 模板里的 <div> 不闭合，大概率是语言模式没对上。
<ul>
<li>确认右下角状态栏显示的是 <code>Vue HTML（来自 Vetur 或 Volar），而不是 Vue 或 Plain Text
真正卡住人的从来不是“怎么装插件”，而是“为什么写了 <p></p> 却没出来
Emmet 的优先级冲突——这些细节不查日志、不看状态栏，光重启插件没用。
