Categories: Flutter 教程

Flutter 格式化代码

自动格式化代码

尽管您可以按照任何喜欢的样式 – 但根据我们的经验 ,一个开发团队会:

  1. 有一个单一的、共享的样式
  2. 通过自动格式化来强制执行此样式.

在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样式代码插入适当的换行符。

这里是一个自动格式化公式格式化带有尾部逗号代码的示例:

如果没有尾部逗号,格式化后则会是下面这样:

terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

聊聊vue3中的defineProps

在Vue 3中,defineP…

5 天 ago

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

1 周 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

2 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

3 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

4 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

4 周 ago