如何在VSCode中自定义Dart/Flutter代码格式化规则？

官方格式化器的有限自定义 #

Dart官方的dart format是强风格约束的，但可以通过配置文件调整部分规则优化括号可读性：

• 在项目根目录创建.dartfmt.yaml文件，添加针对性配置：

  # 缩进宽度
  indent: 2
  # 最大行宽，避免过度换行导致括号分散
  line_length: 120
  # 保留额外换行，帮助区分代码块边界
  preserve_extra_newlines: true
  

• 也可在analysis_options.yaml中补充约束规则，强化代码块结构：

  linter:
    rules:
      - curly_braces_in_flow_control_structures
      - prefer_const_constructors
  

使用第三方格式化器实现高度自定义 #

如果官方格式化器无法满足括号对齐需求，可替换为Prettier + prettier-plugin-dart：

1. 项目内安装依赖：

   npm install --save-dev prettier prettier-plugin-dart
   

2. 根目录创建.prettierrc配置文件，设置闭包括号对齐规则：

   {
     "dartIndent": 2,
     "dartLineLength": 120,
     "dartPreferBraces": "always",
     // 让闭包/函数的结束括号与声明行对齐
     "dartClosingBracketAlignment": "block"
   }
   

3. 在VSCode中切换默认格式化器：打开设置（Ctrl+,），搜索Default Formatter，选择Prettier - Code formatter。

VSCode辅助配置 #

• 开启“保存时格式化”：搜索Format On Save并勾选，确保规则自动应用。
• 禁用官方Dart格式化器：搜索Dart: Format On Save并取消勾选，避免工具冲突。

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