问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

Flutter代码格式化指南

创作时间:
作者:
@小白创作中心

Flutter代码格式化指南

引用
1
来源
1.
https://docs.flutter.cn/tools/formatting/

代码格式化是提高团队开发效率的重要手段。本文将介绍如何在不同的开发环境中进行代码格式化,包括在VS Code、Android Studio和IntelliJ中使用自动格式化工具,以及如何在命令行中使用dart format命令进行代码格式化。

每个人都有自己喜欢的代码样式。但是根据我们的经验,下面这些做法可以提高团队的开发效率:

  • 团队使用单一,共享的代码样式。
  • 通过自动格式化代码来保证统一的代码样式。

如果没有统一的代码样式,当进行代码审查的时候,可能会为了一些样式的问题而进行争论从而浪费时间。代码审查最好把时间花在代码的行为上,而不是代码的样式上。

在 VS Code 中自动格式化代码

在 VS Code 中安装Flutter扩展(见章节编辑工具设定)来进行代码的自动格式化。格式化当前窗口中代码的方法是先在代码窗口中单击右键,然后选择Format Document选项即可。也可以在 VS Code 的偏好设置里面增加快捷键,然后使用快捷键操作。

editor.formatOnSave设置成true,可以在保存文件的时候自动进行代码格式化。

在 Android Studio 和 IntelliJ 中自动格式化代码

在 Android Studio / IntelliJ 中安装Dart插件(见章节编辑工具设定)来进行代码的自动格式化。在当前代码窗口中格式化代码的方法是:

  • 在 Mac 系统里使用Cmd+Option+L
  • 在 Windows 和 Linux 系统里使用Ctrl+Alt+L

Android Studio 和 IntelliJ 为 Flutter 页面提供了一个选项,即“在保存的时候格式化代码”——Format code on save,要开启这个,可以在 Windows 和 Linux 下选择设置、在 macOS 下选择偏好设置。这样在每次保存代码的时候就会自动格式化当前文件。

使用 dart 命令自动格式化代码

我们也可以在命令行界面(CLI)中使用dart format命令,进行代码的自动格式化。

dart format path1 path2 [...]

末尾处添加逗号

Flutter 代码经常会构建一定深度的树形数据结构,如在build方法中。为了有更好的自动格式化效果,我们推荐在末尾处添加逗号,尽管也可以不这样做。规则也比较简单:总是在函数、普通方法、构造方法参数列表的末尾处添加逗号。这样做会使格式化工具自动插入一些换行符,使代码更具有 Flutter 风格。

自动格式化的时候,末尾处加入逗号的例子:

同样的代码在进行自动格式化的时候,末尾处没有逗号的例子:

本文原文来自Flutter官方文档,最后更新时间: 2024-04-27。

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号