启用这两个选项，如图所示

我发现它被提到并显示在这里：dart and flutter extensions：
并启用Dart:Preview Flutter Ui Guides选项
除非使用Dart语言，否则无法获得相同的缩进引导效果，因为它需要特定的语法来解析并启用功能。

在Vscode上单击Code-> Preferences-> Settings
搜索Preview Bazel Workspace Custom Scripts和check
搜索Preview Flutter Ui Guides
检查Dart: Preview Flutter Ui Guides和检查Dart: Preview Flutter Ui Guides Custom Tracking

打开VS代码工作区并检查：

Dart: Preview Bazel Workspace Custom Scripts
Dart: Preview Flutter Ui Guides
Dart: Preview Flutter Ui Guides Custom Tracking

运行Dart：使用VS Code命令面板中的Recommended Settings命令（ctrl + shift + P），dart推荐的设置将写入setting.json文件。
打开setting.json，将其添加到dart设置的顶部或下方，然后重新启动VsCode

"dart.previewFlutterUiGuides": true,
"dart.previewFlutterUiGuidesCustomTracking": true,

• 这个类似vscode中缩进的树是Flutter的UI Guide。*

方法一

1.首先请检查您的 VS代码工作区Dart Plugin是否已启用。
1.按Ctrl + ,
1.在搜索框中键入Dart:Preview Flutter Ui Guides

1.启用这两个工作选项。

我建议你进入设置并启用Dart:Preview Flutter Ui Guides选项。这将使您很容易发现代码中的父子关系，当您的UI文件中有许多嵌套的小部件时，这一点特别有用。

搜索并检查此（用于新版本）

1.安装the Flutter extension。（实际上，即使您只安装the Dart extension，以下步骤也可能有效，因为以下设置都是在Dart扩展项下注册的，而不是Flutter扩展项下注册的）

• 将以下内容放入settings.json文件中：

"dart.previewFlutterUiGuides": true

设置的描述（在撰写本文时）：
实验：是否启用Flutter UI参考线预览。
引用该链接文档：

• 渲染的线可能会是虚线/虚线，具体取决于编辑器行的高度。您可以通过调整编辑器的行高来避免出现折线（例如"editor.lineHeight": 15）。我们正在寻找避免这种情况的方法（并希望👍在this VS Code issue上使用s）。
• 在修改代码和指南更新之间可能存在延迟。您可以通过启用dart.previewFlutterUiGuidesCustomTracking来减少此延迟。关于指南是否使用或不使用自定义跟踪更好的反馈应张贴在this issue中。
• 启用UI参考线不会自动关闭“关闭标签”，因此您可能还希望禁用dart.closingLabels。
• 在更改UI指南设置后，您需要重新启动VS代码（或运行重新加载窗口命令）以应用它们。
• 另请参阅以下相关设置，以了解是否要调整它们：
• dart.flutterUiGuides：“* 编辑器中显示的Flutter UI Guidelines的颜色。*”
• dart.previewFlutterUiGuidesCustomTracking：“* 实验：是否启用Flutter UI指南的自定义跟踪（以隐藏等待下一个Flutter Outline的一些延迟）。*”

关于使用VS Code进行Flutter开发的要点，松散相关：https://docs.flutter.dev/development/tools/vs-code。