如何关闭VS Code自动为XML闭合标签添加额外空格的格式化行为

根据你使用的格式化工具不同，对应修改对应配置即可：

1. 用VS Code内置HTML格式化器的场景 #

• 打开VS Code设置面板：快捷键 Ctrl+,（Windows/Linux）或 Cmd+,（Mac）
• 搜索配置项 html.format.selfClosingSpace
• 取消勾选该配置的复选框，即可关闭自动在自闭合标签斜杠前加空格的逻辑，格式化后会保留 <regexCodeList/> 的原始格式。

如果需要项目级统一配置，避免团队成员出现同样的格式化冲突，可以在项目根目录新建 .vscode/settings.json 文件，写入以下内容：

{
  "html.format.selfClosingSpace": false
}

2. 用Prettier作为格式化工具的场景 #

大部分前端项目会使用Prettier做统一格式化，对应修改Prettier配置即可：

• 打开项目根目录下的Prettier配置文件（常见文件名：.prettierrc、.prettierrc.js、.prettierrc.json）
• 添加配置项："htmlSelfClosing": false

配置完成后重新触发格式化，就不会再自动给自闭合标签添加额外空格。

3. Vue项目使用Volar/Vetur插件的场景 #

如果是Vue项目，还需要修改对应Vue插件的格式化配置：

• Volar用户：在配置中添加 "volar.format.html.selfClosingSpace": false
• Vetur用户：在配置中添加 "vetur.format.html.selfClosingTagSpace": false

内容的提问来源于stack exchange，提问作者steingrim