怎么让VSCode自动关闭HTML标签_VSCode Auto Close Tag标签补全插件
vscode 默认启用 html 标签自动闭合（html.autoclosingtag: true），无需插件；确认方式是检查 settings.json 中无 false 值，并确保文件语言模式为 html，输入 > 即补全闭合标签。
VSCode 默认就支持 HTML 标签自动闭合，不需要装插件——html.autoClosingTag 设为 true（默认值）即可生效。装了 Auto Close Tag 插件反而容易冲突，尤其 VSCode 1.84+ 版本会静默禁用它。
怎么确认原生自动闭合是否真开着
别信图形界面勾选状态，直接查 settings.json：
- 按
Cmd+Shift+P（Mac）或 Ctrl+Shift+P（Win/Linux），输入 Preferences: Open Settings (JSON) 回车
- 检查是否存在
"html.autoClosingTag": false —— 如果有，删掉或改成 true
- 确保右下角状态栏显示的是
HTML，不是 Plain Text、PHP 或 Vue；点它可手动切换
- 输
<div> 后敲 <code>>，立刻补出
才算真正生效
为什么关了插件反而更稳
Auto Close Tag（作者 Jun Han）和 VSCode 原生 html.autoClosingTag 是互斥机制：
VSCode
避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。
下载
- VSCode 1.84+ 默认启用原生功能后，插件会被静默禁用，状态栏看不到 ACT 图标
- 即使你设了
"auto-close-tag.activationOnLanguage": ["html"]，只要 html.autoClosingTag 是 true，插件就不工作
- 想用插件？必须在
settings.json 里写死 "html.autoClosingTag": false，且全窗口重启（仅重载不生效）
- 插件额外提供
SublimeTextMode 支持 <script></script>、<style></style> 补全，但原生不支持——这是唯一值得换插件的场景
在 .vue 或 .jsx 文件里怎么让它工作
html.autoClosingTag 只对语言 ID 为 html 的文件生效，.vue 模板区是 vue-html，JSX 是 javascriptreact：
容易被忽略的干扰项
即使配置全对，以下几项仍会让闭合“看似失效”：
-
editor.autoClosingBrackets 设成 always 时，输 就可能自动补 <code>>，干扰标签名输入；推荐设为 languageDefined
- Prettier 或
emeraldwalk.runonsave 在保存时重写结构，让你误以为“编辑时不闭合”，其实是格式化覆盖了结果
- Emmet 的
emmet.triggerExpansionOnTab 开启后，会劫持 > 键行为；临时验证可搜该设置并设为 false
- 关掉
html.autoClosingTag 后，Emmet 的 div+Tab 依然有效——这是两套系统，别混淆
真正麻烦的不是开不开，而是多层机制叠加后行为不可预测：原生闭合、Emmet 展开、Prettier 格式化、Volar 语言服务，任何一个环节错位，光标就卡在奇怪位置，缩进也崩。优先保原生，再按需叠加，比堆插件更可控。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
