解決 VS Code 撰寫 Flutter 時自動排版搞得你程式碼亂七八糟


#VS Code#IDE
VS Code(Visual Studio Code) 預設Dart 的單行最多只有 80 個字元,對 Flutter 這種巢狀結構的開發來說遠遠不夠用,容易把原本乾淨的程式碼搞得面目全非,實測後我自己會使用一行 150 個字元。

設定


從  檔案(File) > 喜好設定(Preference) > 設定(Settings) 開啟設定,左下角齒輪也有同樣的選項。
或是使用快捷鍵:

  • Windows Ctrl + ,
  • Mac Command + ,

搜尋 dart.lineLength 即可調整。

若是多人開發,每個人的設定不一樣就糟糕了,會變成每個人存檔都照他的環境再重新排版一次,這時候可以在修改 .vscode/settings.json 一起 push 到 git 上讓大家的設定一致

{
    "dart.lineLength": 150,
    "[dart]": {
        "editor.rulers": [
            150
        ],
    }
    ......你的其他設定
}

參考:
https://stackoverflow.com/questions/66604021
https://stackoverflow.com/questions/59456452