vscode 的树状缩进

Question

谁能帮我找到使 vscode 像图片中那样做树状缩进的扩展

Answer 1

我发现这里提到并显示了它：dart and flutter extensions：

in the settings and enable the Dart:Preview Flutter Ui Guides option

除非您使用的是 Dart 语言，否则您将无法获得相同的缩进引导效果，因为它需要特定的语法来解析并启用该功能。

Answer 2

如图所示启用这两个选项

Answer 3

vscode 中的这种树状缩进是 UI Flutter 指南。

方法一

1. 首先请检查您的 VS 代码工作区 Dart 插件 是否启用。
2. 按Ctrl + ,
3. 在搜索框中输入 Dart:Preview Flutter Ui Guides
4. 为工作打开这两个选项。

Answer 4

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

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

Answer 5

在 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

Answer 6

我建议您进入设置并启用 Dart:Preview Flutter Ui Guides 选项。这将使发现代码中的 parent-child 关系变得非常容易，这在 UI 文件中有许多嵌套小部件时特别有用。