VSCode怎么关闭默认的HTML标签自动闭合功能

雨强小哥_8707

2026-05-03

823人浏览

原创

设为 false 即可关闭 vscode 原生 html 标签自动闭合功能，需在 settings.json 中添加 "html.autoclosingtag": false；若仍生效，需检查语言模式、插件冲突或保存时格式化干扰。

vscode怎么关闭默认的html标签自动闭合功能

html.autoClosingTag 设为 false 就能关掉 VSCode 默认的 HTML 标签自动闭合——不是插件行为，是编辑器原生开关，关了就彻底不触发 <div> 输入后敲 <code>> 补

的逻辑。

怎么关：改 settings.json 最稳

图形界面有时缓存或显示滞后，直接改配置文件最可靠：

按 Cmd+Shift+P（Mac）或 Ctrl+Shift+P（Win/Linux），输入 Preferences: Open Settings (JSON) 回车
在 {} 里加这一行："html.autoClosingTag": false
保存文件，VSCode 自动重载；新开一个 .html 文件测试，输 <p></p> 再敲 >，不会再补

为什么关了还生效？检查 language mode 和插件冲突

关了设置却还有闭合，大概率是其他机制在“顶班”：

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

右下角状态栏显示的不是 HTML，而是 Plain Text、PHP 或 Vue——html.autoClosingTag 只对 html 语言 ID 生效
装了 Auto Close Tag 扩展（作者 Jun Han），它有自己的开关 auto-close-tag.activationOnLanguage，默认可能仍包含 "html"
Prettier 或 emeraldwalk.runonsave 在保存时重写结构，让你误以为“编辑时闭合了”，其实只是格式化结果

只想在 JS/TSX 里关，HTML 里留着？用语言专属设置

比如你在 .js 文件里写 $('<div>')，被自动变成 <code>$('<div></div>')，这时不该动全局设置：

打开 settings.json
加一个 [javascript] 块（注意方括号语法）：

"[javascript]": {
  "html.autoClosingTag": false
}

同理，对 typescriptreact 或 vue 文件，可分别写 [typescriptreact]、[vue] 块覆盖

关了之后，`editor.autoClosingBrackets` 还要留意

这个设置控制括号、尖括号等符号的配对行为，虽然不直接管标签闭合，但会影响 和 <code>> 的联动：

如果设成 always，输 可能自动补 <code>，干扰书写体验
推荐设为 languageDefined，让语言服务决定何时配对——HTML 模式下它本就不该为标签名自动补 >
检查方式：搜索 editor.autoClosingBrackets，选中 languageDefined

真正容易被忽略的是：关掉 html.autoClosingTag 后，Emmet 的 div+Tab 依然会输出 <div></div>——这不是“没关干净”，而是 Emmet 和原生闭合本来就是两套系统。如果你连 Emmet 补全也要禁，得单独关 emmet.triggerExpansionOnTab 或删掉 emmet.includeLanguages 里的相关项。