有没有办法用 vscode 自动格式化颤振？

Question

我想知道是否有像 Eslint for Flutter/Dart 这样的库，它会在我保存文件时自动插入分号和尾随逗号。

FLutter 版本：1.22.3 Dart 版本：2.10.3

Answer 1

您可以使用这样的一个命令来格式化每个 flutter 文件......

 dart format . -l 120

我相信它设置了行长度，作为副作用，它格式化了所有代码，这非常出色

Answer 2

使用 VS Code 1.53 版（我相信以前也有这个）你不需要安装任何特殊的扩展。只需导航到：

首选项 -> 设置 -> 文本编辑器 -> 格式

确保启用“保存时格式化”

每次您点击Ctrl + S您的文件时，都会保存并格式化代码。

Answer 3

打开 VS Code 设置

• 文件->首选项->设置

文本编辑器->格式

• 启用粘贴格式
• 保存时启用格式

Answer 4

实际上可选的冒号是允许自动格式化的...我不确定在行尾自动使用冒号或分号是否真的有帮助，因为它可能会有所不同，而且我也不知道有一个扩展可以有效地做到这一点（除了有某种其他快捷方式）...

因此，尽管它没有完全回答您的问题，但它可能会帮助其他用户了解如何格式化其 flutter 代码：如果您有所有可选的冒号，最好的方法是运行 flutter 插件中包含的命令。只需从终端运行flutter format lib，它将格式化 lib 目录和子目录中的所有 dart 文件。您可以更改lib为您喜欢的任何目录。

最后，您可以添加一些扩展并激活一些插件以获得可读性更强的文件。但这是个人欣赏的问题。我个人使用：Bracket Pair Colorizer 2，Indent-Rainbow并激活两个 dart 选项以flutter outline获得此结果：

Answer 5

1. 安装 flutter扩展。
2. 在settings.json文件中追加或修改这些行：

"[dart]": {
    "editor.defaultFormatter": "Dart-Code.dart-code",
    "editor.formatOnSave": true,
}

在此之后，您可以使用 save ( ctrl+s) 操作格式化您的 dart 文件。

Answer 6

文档中有一个代码格式化帮助区域。这里有一个关于 VsCode 的部分。它解释说

要自动格式化当前源代码窗口中的代码，请右键单击代码窗口并选择“格式化文档”。您可以向此 VS Code 首选项添加键盘快捷键。

安装 Flutter 扩展后。

我还在这里找到了另一篇 Stack Overflow 帖子 ，它可能可以帮助您提供一些扩展建议以及为 VsCode 或在 VsCode 中创建自己的绑定的方法。

Answer 7

您可以按照官方文档https://flutter.dev/docs/development/tools/formatting中所述使用此命令

flutter format .