跳转到主内容
极星编程网:以代码为星,赴技术山海!

VSCode里HTML标签未闭合有什么提示_VSCode语法严格校验【教学】

必须启用Error Squiggles并确保语言模式为HTML,同时开启html.suggest.html5、html.validate.scripts和html.validate.styles,否则VSCode不校验未闭合标签;浏览器Elements面板才是最终验证依据。 VSCode 默认不报未闭合标签错误,哪怕写

hello

这种明显漏掉

和
的代码,也不会标红或弹警告——这不是“没问题”,是校验根本没开。 怎么让 VSCode 显示未闭合标签的红色波浪线 核心是启用 HTML 错误提示(Error Squiggles),它依赖 VSCode 内置的 HTML 语言服务,不是靠插件或格式化工具。 按
Ctrl+Shift+P
(Win/Linux)或
Cmd+Shift+P
(Mac),输入
Error Squiggles
,选择
Enable Error Squiggles
如果命令面板里搜不到,手动进设置:搜索
html.validate.scripts
和
html.validate.styles
,确保两者都为
true
(它们控制内联脚本/样式块内的语法检查,间接影响结构解析) 关键配置项:
html.suggest.html5
必须为
true
,否则语言服务可能降级,导致未闭合不触发校验 该功能只对语言模式为
HTML
的文件生效——右下角状态栏必须显示
HTML
,不是
Plain Text
或
Vue
为什么开了 Error Squiggles 还不报错 常见失效场景不是设置没开,而是校验被绕过或压制: 文件扩展名是
.html
,但右下角显示
Plain Text
:点击它 →
Configure File Association for '.html'
→ 选
HTML
用了
emeraldwalk.runonsave
或
prettier-vscode
:它们在保存时重写 HTML 结构,掩盖原始错误;建议在
.prettierrc
中加
"htmlWhitespaceSensitivity": "css"
并禁用
htmlSelfClosingTag
相关规则 语言服务未加载:在
.vue
文件中,