有没有一种方法可以使用vscode自动格式化抖动？

Question

我想知道是否有类似Eslint的Flutter / Dart库在保存文件时会自动插入分号和尾部逗号。

FLutter版本：1.22.3 Dart版本：2.10.3

Answer 1

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

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

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

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

Answer 2

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

 flutter format . -l 120

它设置了我相信的行长，作为副作用，它使您的所有代码都变得出色

Answer 3

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

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

之后，您可以使用保存 (ctrl+s) 操作来格式化您的 dart 文件。

Answer 4

文档中有一个“代码格式设置”帮助区域。VsCodeHere中有一个部分。它说明了

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

安装Flutter扩展程序后。

我还发现了另一篇有关堆栈溢出的文章Here，该文章可能会为您提供一些扩展建议，以及为VsCode制作自己的绑定的方法。

Answer 5

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

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

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

Answer 6

如果此图像没有来自 vs 代码的栏 bar vs code

进入首选项 -> 设置 并寻找 -> 默认格式化程序

setting 并更改为 Dart 即可完成

Answer 7

在扩展程序中，搜索[更漂亮-代码格式化程序]

点击ctrl + S即可格式化代码