如何在VS Code中通过插件实现XML两种缩进格式并设置快捷键

1. 格式化效果配置 #

你可以直接使用VS Code的Pretty Formatter插件实现需求的两种缩进效果，同时支持属性换行，配置方法如下：

• 块式（Block）格式化：所有属性单独换行展示，标签闭合节点单独占行，需开启「Wrap Attributes」配置项，将「XML Split Attributes Threshold」阈值设为1（属性数量≥1就自动换行）
• 行内（Inline）格式化：所有属性和标签放在同一行展示，需关闭「Wrap Attributes」配置项，将「XML Split Attributes Threshold」阈值设为999等较大数值即可

如果使用同类XML格式化插件（如XML Tools），调整对应拆分属性、自动换行的配置参数即可实现相同效果。

参考效果示例：

2. 自定义键盘快捷键配置 #

你可以为两种格式化模式分别绑定专属快捷键，操作步骤如下：

1. 打开键盘快捷方式配置面板：Windows/Linux按Ctrl+K Ctrl+S，Mac按Cmd+K Cmd+S，点击面板右上角的「打开键盘快捷方式(JSON)」图标
2. 在JSON文件中粘贴如下配置，你可以自行修改key字段的值调整为自己顺手的快捷键：

// 块式XML格式化快捷键，示例为Alt+Shift+B
{
  "key": "alt+shift+b",
  "command": "prettyFormatter.formatXml",
  "args": {
    "xmlWrapAttributes": true,
    "xmlSplitAttributesThreshold": 1
  },
  "when": "editorLangId == xml"
},
// 行内XML格式化快捷键，示例为Alt+Shift+I
{
  "key": "alt+shift+i",
  "command": "prettyFormatter.formatXml",
  "args": {
    "xmlWrapAttributes": false,
    "xmlSplitAttributesThreshold": 999
  },
  "when": "editorLangId == xml"
}

3. 保存配置文件后即可生效，后续打开XML文件按下对应快捷键即可直接生成目标格式。

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