web-dev-qa-db-ja.com

Visual Studio Code Flutter Formatは、インデントスペース値で機能していません

私は一日を無駄にしました、そして私は何が起こっているのか理解していませんでした。私はVisual Studio Code 1.40.2を使用しています、そして私はFlutter 3.60を学びます。インデントスペースのため、フラッタコードは読めないように時々変わります。私はより多くのスペースを作成するだけでよい(インデントスペース)が、フォーマットオプションを使用するときは、タブサイズはもう一度回転しています。これは私の設定ファイルです。(ヘルプをありがとう)

{
"terminal.integrated.Shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
"editor.fontSize": 18,
"editor.fontFamily": "Consolas, 'Courier New', monospace, ",
"Dart.openDevTools": "flutter",
"workbench.colorTheme": "Night Owl (No Italics)",
"workbench.iconTheme": "material-icon-theme",
"editor.fastScrollSensitivity": 8,
"editor.tabSize": 8,
"editor.insertSpaces": true,
"editor.wordWrap": "on",
"editor.smoothScrolling": true,
"editor.cursorBlinking": "expand",
"editor.cursorSmoothCaretAnimation": true,
"editor.fontWeight": "400",
"outline.showFields": false,

"[Dart]": {
    "editor.tabSize": 6,
    "editor.insertSpaces": true,
    "editor.detectIndentation": false,
},
 _

}

  • 私はeditor.insertspaces falseとtrueを変更し、何も変更されません。
  • editor.DetectIntentation trueまたはfalseが機能していません。
  • このブロックを追加しましたが、うまくいきませんでした。

    "Flutter]":{"editor.tabsize":6、 "editer.insertspaces":true、 "editer.detectIntentation":false、}、

これは私の簡単なコードです:

import 'package:flutter/material.Dart';

class GridListe extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GridView.count(
        crossAxisCount: 3,
        primary: false,
        padding: EdgeInsets.all(10),
        crossAxisSpacing: 20,
        mainAxisSpacing: 40,
        children: <Widget>[
            Container(
                alignment: Alignment.center,
                color: Colors.teal,
                child: Text(
                "Salam",
                textAlign: TextAlign.center,
                ),
            ),
        ],
    );
  }
}
 _

フォーマットコード(Shift + Alt + P)を使用すると、インデントスペースまたはタブサイズのターン2を入力して、それは私をクレイジーにするでしょう。

import 'package:flutter/material.Dart';

class GridListe extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GridView.count(
      crossAxisCount: 3,
      primary: false,
      padding: EdgeInsets.all(10),
      crossAxisSpacing: 20,
      mainAxisSpacing: 40,
      children: <Widget>[
        Container(
          alignment: Alignment.center,
          color: Colors.teal,
          child: Text(
            "Salam",
            textAlign: TextAlign.center,
          ),
        ),
      ],
    );
  }
}
 _

VSコードのDART拡張機能は、インデントオプションのカスタマイズ(設計別)ではなくDART SDK( Dart_Style )からフォーマッタを使用しているため、常に2スペースを使用します。

手動でフォーマットしたい場合は、組み込みフォーマッタを無効にすることもできます。また、DARTのフォーマッターを貢献するための他のVSコード拡張機能の可能性もあります。私が知っていない限り(まだ)作成されています提供されている支援 この問題の中 これを行うためのVSコード拡張機能の作成に興味があるべきです。

0
Danny Tuppeny