Mac端VSCode中Flutter代码格式化问题：闭合标签换行不符预期

问题详情 #

在VSCode中开发Flutter时，保存文件后闭合标签总是单独占一行，不符合预期格式：

实际效果 #

预期效果 #

当前VSCode设置 #

求可行的扩展或设置调整方案，实现预期的紧凑格式。

解决方案 #

1. 修改Dart格式化行长度配置 #

打开VSCode的settings.json（快捷键Ctrl+, → 点击右上角「打开设置(JSON)」图标），添加/修改以下配置：

"dart.lineLength": 120,
"dart.format.lineLength": 120,
"editor.formatOnSave": true

增大行长度阈值后，格式化工具会优先将短内容的闭合标签与最后一个子元素放在同一行，避免强制换行。

2. 精细配置Dart格式化偏好 #

若上述设置无效，添加更具体的格式化规则：

"dart.preferences": {
  "format.lineLength": 120,
  "format.placeCloseBraceOnNewLine": false,
  "format.indent": 2
}

其中format.placeCloseBraceOnNewLine设为false，强制闭合标签不单独换行。

3. 更新Flutter/Dart扩展 #

确保VSCode中的「Flutter」和「Dart」扩展为最新版本，旧版本可能存在格式化逻辑缺陷，更新后可修复部分格式问题。

4. 禁用冲突的格式化扩展 #

若安装了Prettier等通用格式化扩展，需禁用其对Dart/Flutter文件的格式化支持（或直接禁用冲突扩展），避免与Dart内置格式化工具冲突。

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