格式化dart文件时如何更改vscode中的dart线长度？

Question

我正在使用 VS Code 进行 Flutter 开发，我遇到的一个问题是代码格式（样式），它不像在 android-studio 中那样可定制。我的问题是，每次 vs 代码保存 dart 文件时，它都会像下面这样打破我的行：

var tuple =
       settings.arguments as Tuple3<String, int, Field>;

显然这就是我想要的：

var tuple = settings.arguments as Tuple3<String, int, Field>;

我怎么解决这个问题？

Answer 1

您需要更改 settings.json 中的 2 个设置：

"dart.lineLength": 150,
"[dart]": {
    "editor.rulers": [
        150
    ],
}

如果您不更改第二个，您仍然会看到 80 个字符宽度的垂直“标尺”。

Answer 2

您似乎正在达到行长限制。

默认的最大行长度是经典的 80 个字符，因此对于您的代码，您需要大量填充才能达到限制，因此格式化程序会断行。如果这是一个问题 - 考虑拆分您的代码。

这是格式正确的：

class MyApp {
  void insideclass() {
    if (true) {
      if (true) {
        if (true) {
          if (true) {
            if (true) {
              if (true) {
                if (true) {
                  if (true) {
                    var tuple =
                        settings.arguments as Tuple3<String, int, Field>;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

class MyApp2 {
  void insideclass() {
    if (true) {
      if (true) {
        if (true) {
          if (true) {
            if (true) {
              if (true) {
                if (true) {
                  var tuple = settings.arguments as Tuple3<String, int, Field>;
                }
              }
            }
          }
        }
      }
    }
  }
}

但是，如果 80 对您来说实际上太小，您也可以在 VSCode 的扩展设置中更改它。

Answer 3

更改VSCode中的行长度

打开settings.json并添加以下行

"dart.lineLength": 120,
"[dart]": {
    "editor.rulers": [
        120
    ],
}

旁注：如果您希望更改 VSCode 中单个项目的 dart 行长度，请创建一个.vscode/settings.json文件并在该文件中添加上面写入的配置。

要在Android Studio中更改 dart 线长度，请转到

Settings > Editor > Code Style > Dart并改变线长度