Flutter如何设置code style

在Flutter项目中如何统一团队代码风格？有没有推荐的工具或配置方法可以自动格式化代码，比如类似Android Studio的Code Style设置？dartfmt是否足够，还是需要额外配置analysis_options.yaml？不同编辑器（VSCode/Android Studio）的格式化结果不一致该怎么解决？

2 回复

在Flutter项目中，可以通过 analysis_options.yaml 文件配置代码风格。添加 linter 规则，例如启用 prefer_const_constructors 等。也可使用 dart format 命令自动格式化代码。

更多关于Flutter如何设置code style的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在Flutter中设置代码风格主要通过以下方式：

1. 使用 dart format 工具

# 格式化整个项目
dart format .

# 格式化特定文件
dart format lib/main.dart

2. 创建 analysis_options.yaml 文件

在项目根目录创建 analysis_options.yaml 文件：

include: package:flutter_lints/recommended.yaml

analyzer:
  exclude:
    - "**/*.g.dart"
    - "**/*.freezed.dart"

linter:
  rules:
    # 代码风格规则
    - always_declare_return_types
    - always_require_non_null_named_parameters
    - avoid_empty_else
    - avoid_print
    - avoid_renaming_method_parameters
    - avoid_returning_null
    - avoid_single_cascade_in_expression_statements
    - avoid_types_as_parameter_names
    - camel_case_types
    - constant_identifier_names
    - empty_catches
    - empty_constructor_bodies
    - library_names
    - library_prefixes
    - non_constant_identifier_names
    - prefer_final_fields
    - prefer_final_locals

3. IDE/编辑器配置

VS Code

在 .vscode/settings.json 中：

{
  "dart.enableSdkFormatter": true,
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  }
}

Android Studio/IntelliJ

  • 启用 Dart 插件
  • 在设置中启用 Reformat code on save
  • 配置 Dart 分析器使用项目设置

4. 常用代码风格规则

  • 命名规范：使用 camelCase 命名变量和方法
  • 缩进：使用 2 个空格
  • 行长度：建议不超过 80 个字符
  • 导入顺序：dart 库 → 包导入 → 相对导入

这些设置能帮助团队保持一致的代码风格，提高代码可读性和维护性。

回到顶部