11

我浪费了一整天,我不明白发生了什么。我正在使用 Visual Studio Code 1.40.2,我正在学习 Flutter 3.60。有时,由于缩进空间,Flutter 代码变得不可读。我只想创建更多空间(缩进空间),但是当我使用格式选项时,选项卡大小再次变为 2。我查看了太多的网站,包括 Stackoverflow,不幸的是我没有找到解决方案。它变得很烦人。这是我的配置文件:(感谢帮助)

{
"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.detectIndentation true 或 false 不起作用。
  • 我添加了这个块但没有工作。

    “[颤振]”:{“editor.tabSize”:6,“editor.insertSpaces”:真,“editor.detectIndentation”:假,},

这是我的简单代码:

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,
          ),
        ),
      ],
    );
  }
}
4

4 回答 4

68

将您的 this 添加到您的 settings.json 文件中

"[dart]": {
   "editor.defaultFormatter": "Dart-Code.dart-code",
   "editor.formatOnSave": true
},
于 2020-10-13T01:52:43.130 回答
11

只需将以下代码添加到您的ProjectDir/ProjectName/.vscode/settings.json

   {
        "editor.defaultFormatter": "Dart-Code.dart-code",
        "editor.formatOnSave": true
 }
于 2021-03-07T08:49:03.110 回答
1

VS Code 的 Dart 扩展使用来自 Dart SDK ( dart_style ) 的格式化程序,它不支持自定义缩进选项(按设计),因此它将始终使用 2 个空格。

如果您希望手动格式化,可以禁用内置格式化程序,并且其他 VS Code 扩展也可以为 Dart 贡献格式化程序 - 尽管据我所知(尚未)创建(尽管我有如果有人有兴趣创建 VS Code 扩展来执行此操作,请在此问题上提供帮助)。

于 2019-12-15T19:48:28.657 回答
0
  1. 打开设置 (json)
  2. 找到 [dart] 并添加“editor.tabSize”:4
于 2021-10-11T05:12:31.620 回答