突出显示扩展 Flutter Widget 树

Question

我看到了这个视频和所有这些突出显示小部件树的跟踪线。我想添加到我的 vscode 中，但是在 google 搜索后，我什么也没找到。

关于这个扩展的名称或者配置有什么想法吗？

https://i.stack.imgur.com/GJAbM.png

Answer 1

1. 确保 Dart 已启用
2. 打开设置。（Ctrl + ,）
3. 搜索设置-> Dart：预览 Flutter Ui 指南
4. 在 Dart上勾选：预览 Flutter Ui 指南
5. Tick on Dart：预览 Flutter Ui 指南自定义跟踪

如果不起作用，请重新启动 Visual Studio 并检查。