VSCode关闭HTML自动闭合并保留自动补全的方法

秋强小哥_2476

发布时间：2026-10-27 09:52:40

732人浏览过

来源于php中文网

原创

关掉html.autoClosingTag但保留标签建议，需在settings.json中设"html.autoClosingTag": false，确保仅禁用自动闭合逻辑而不影响html.suggest.html5驱动的标签补全，同时检查工作区配置优先级并重启窗口。

vscode关闭html自动闭合并保留自动补全的方法

关掉 html.autoClosingTag 但不影响标签建议

想让 <div> 不再敲 <code>> 就自动补

，又不丢掉输入 <di> 后按 <code>Tab 出建议列表的能力，核心是只禁用闭合逻辑，不动建议系统。VSCode 的标签建议由 html.suggest.html5 和语言服务器驱动，和 html.autoClosingTag 是解耦的。

直接在 settings.json 中设：

"html.autoClosingTag": false

这个配置一加，敲 <div> 后按 <code>> 或回车就不再补闭合标签；但 <di> + <code>Tab 仍能展开为 <div>$1</div>$0（靠 Emmet），<main> + <code>Tab 也照常提示——前提是 html.suggest.html5 保持 true（默认就是）。

别碰 editor.suggest 相关开关，否则会连带关掉所有 HTML 标签名、属性名的补全。

立即学习“前端免费学习笔记（深入）”；

为什么关了还补？检查 settings.json 优先级

常见现象：GUI 设置里明明关了 html.autoClosingTag，但敲 > 还是补了。根本原因是工作区级配置（.vscode/settings.json）覆盖了全局设置，而 GUI 界面只改了用户级或远程设置。

打开命令面板（Ctrl+Shift+P），运行 Preferences: Open Workspace Settings (JSON)
搜 html.autoClosingTag，确认它只出现一次且值为 false
如果没找到，说明工作区没配，此时去开用户级 JSON（Preferences: Open Settings (JSON)）补上
改完保存，**必须重启 VSCode 窗口**（不是重载），否则插件缓存可能未刷新

Emmet 补全不受影响，但要防触发冲突

关掉 html.autoClosingTag 后，Emmet 的缩写展开（如 div → <div></div>）依然可用，但它依赖两个前提：

Wechat Article Html

将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。

下载

emmet.triggerExpansionOnTab 必须为 true（默认）
当前语言模式是 html，右下角状态栏显示 “HTML”，不是 “Plain Text” 或 “PHP”
避免 emmet.includeLanguages 错误覆盖：比如设了 "javascriptreact": "html" 却没关 JSX 里的原生闭合干扰，反而导致 <div> 在 .jsx 文件里被双重复盖 <p>如果你发现 <code>div + Tab 没反应，先按 Ctrl+K M 手动切语言模式到 HTML，排除模式识别问题。

script/style 标签里仍可能补全？那是 Auto Close Tag 插件在干活

原生 html.autoClosingTag: false 只影响标准成对标签，对 <script></script>、<style></style> 本来就不生效——所以你关了它，这两类标签也不会突然开始补全。但如果你装了 Auto Close Tag 插件，它默认不启用 <script></script> 补全，除非你开了 auto-close-tag.SublimeTextMode。

也就是说：关掉原生闭合后，如果 <script></script> 还在补，那一定是插件干的；想彻底停掉，除了关插件，还得删掉它的相关配置：
```
"auto-close-tag.SublimeTextMode": false
```
或者干脆卸载插件——多数人不需要它，原生 + Emmet 组合已足够干净。