You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VSCode保存时自动添加自闭合标签/,如何解决?

解决VSCode保存代码时Prettier自动添加自闭合标签的问题

全局设置修改

  • 打开VSCode的设置面板(快捷键:Windows/Linux按Ctrl+,,Mac按Cmd+,)
  • 在搜索栏输入prettier html self closing tags,找到「Prettier: Html Self Closing Tags」选项
  • 将选项值改为false,Prettier就不会自动给标签添加自闭合斜杠了

项目专属配置(更推荐)

在项目根目录新建或编辑.prettierrc文件,写入以下配置:

{
  "html.selfClosingTags": false
}

这种方式仅对当前项目生效,不会影响其他项目的格式化规则。

冲突排查

如果修改后问题仍存在,检查是否有其他格式化插件(如ESLint)与Prettier冲突,可暂时禁用其他格式化插件测试;同时确认VSCode默认格式化器为Prettier——在设置中搜索default formatter,选择esbenp.prettier-vscode即可。

内容的提问来源于stack exchange,提问作者Danny Zhang

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 12:30:55