Flutter 教程
- 第1节:Flutter Windows安装
- 第2节:Flutter MacOS安装
- 第3节:Flutter Linux安装
- 第4节:Flutter 配置编辑器
- 第5节:Flutter 编写第一个Flutter应用
- 第6节:Flutter Widget框架概述
- 第7节:Flutter Widget目录
- 第8节:Flutter 构建布局
- 第9节:Flutter 布局方法
- 第10节:Flutter 布局多个widgets
- 第11节:Flutter 常用布局widgets
- 第12节:Flutter 添加交互
- 第13节:Flutter 手势
- 第14节:Flutter 动画
- 第15节:Flutter 自定义字体
- 第16节:Flutter 盒约束
- 第17节:Flutter 资源和图片
- 第18节:Flutter 文本输入
- 第19节:Flutter 路由和导航
- 第20节:Flutter 国际化
- 第21节:Flutter 使用 packages
- 第22节:Flutter 开发 packages
- 第23节:Flutter 平台特定的代码
- 第24节:Flutter 文件读写
- 第25节:Flutter 网络和Http
- 第26节:Flutter JSON和序列化
- 第27节:Flutter 使用 Flutter IDE
- 第28节:Flutter 使用热重载
- 第29节:Flutter 测试应用
- 第30节:Flutter 调试应用
- 第31节:Flutter 检查用户界面
- 第32节:Flutter Android构建发布
- 第33节:Flutter iOS构建发布
- 第34节:Flutter 升级安装
- 第35节:Flutter 格式化代码
Flutter 格式化代码
自动格式化代码
尽管您可以按照任何喜欢的样式 - 但根据我们的经验 ,一个开发团队会:
- 有一个单一的、共享的样式
- 通过自动格式化来强制执行此样式.
在Android Studio和IntelliJ中自动格式化代码
安装Dart插件(请参阅编辑器设置),以便在Android Studio和IntelliJ中自动格式化代码。
要在当前源代码窗口中自动格式化代码,请右键单击代码窗口并选择Reformat code with dartfmt。您也可以通过快捷键来格式化代码。
自动格式化VS Code中的代码
安装Dart-Code插件(请参阅编辑器设置)以在VS Code中自动格式化代码。
要在当前源代码窗口中自动格式化代码,请右键单击代码窗口并选择Format Document。您也可以通过VS Code的快捷键来格式化代码。
要在保存文件时自动格式化代码,请将editor.formatOnSave设置设置为true。
使用flutter命令自动格式化代码
您还可以使用以下flutter format命令在命令行界面(CLI)中自动格式化代码:
Usage: flutter format <one or more paths>
-h, --help Print this usage information.
使用 ‘尾随逗号’
Flutter代码通常涉及构建相当深的树状数据结构,例如在一个build方法中。 为了获得良好的自动格式化,我们建议您采用可选的尾部逗号。添加尾随逗号很简单:始终在函数、方法和构造函数的参数列表末尾添加尾随逗号,以便保留您的编码格式。 这将有助于自动格式化程序为Flutter样式代码插入适当的换行符。
这里是一个自动格式化公式格式化带有尾部逗号代码的示例:
如果没有尾部逗号,格式化后则会是下面这样: