如何在VSCode中格式化XML VSCode格式化XML代码方法

11次阅读

vscode需安装red Hat的“xml”扩展并设置默认格式化工具才能支持XML格式化;安装后启用“XML › format: Enabled”,将默认格式化程序设为“Red Hat XML”,即可用Shift+Alt+F快捷键或保存时自动格式化。

如何在VSCode中格式化XML VSCode格式化XML代码方法

VSCode 默认不支持 XML 格式化,需要借助扩展和简单配置才能实现自动缩进、换行和标签对齐。核心是装对扩展 + 设置默认格式化工具

安装 XML 格式化扩展

推荐使用 Red Hat 出品的 “XML” 扩展(ID:redhat.vscode-xml),它内置了完整的 XML 语言支持和格式化能力,比老式插件更稳定、兼容性更好。

  • 打开 VSCode 扩展市场(Ctrl+Shift+X 或 Cmd+Shift+X)
  • 搜索 “XML”,认准发布者为 “Red Hat”
  • 点击安装,重启 VSCode(部分版本需重启才生效)

设置 XML 默认格式化程序

安装后需手动指定格式化工具,否则右键“格式化文档”可能无反应或报错。

  • 按 Ctrl+,(Cmd+,)打开设置
  • 搜索 “xml format”
  • 找到 “XML › Format: Enabled”,确保勾选
  • 再搜索 “default formatter”,找到 “Files: Default Formatter”
  • 点击右侧下拉箭头 → 选择 “Red Hat XML”

快速格式化操作

配置完成后,可随时格式化当前 XML 文件:

  • 右键编辑器 → 选择“格式化文档”
  • 快捷键:Shift+Alt+F(windows/linux)或 Shift+Option+F(mac
  • 保存时自动格式化:开启 “Editor: Format On Save”(设置中搜即可)

可选:自定义缩进与换行行为

如需调整缩进空格数或是否折行,可在用户设置(settings.json)中添加:

注意:这些设置需写在 settings.json 中,不是图形界面里直接填的

  • “xml.format.splitAttributes”: “auto —— 属性自动换行(长标签更清晰)
  • “xml.format.preserveSpace”: true —— 保留原有空白(慎用,可能影响可读性)
  • “xml.format.indentSize”: 2 —— 设为 2 或 4,统一缩进宽度

基本上就这些。不需要装多个插件,也不用配复杂命令行工具,Red Hat 的 XML 扩展开箱即用,格式效果干净可靠。

text=ZqhQzanResources