Visual Studio代码中的Flutter Inspector

Question

有没有办法在模拟器中检查Flutter App元素？我正在使用VS代码而不是android工作室我想从运行模拟器检查元素.

Answer 1

从2.24.0版本开始，DevTools选项是用于调试和检查的新功能。

>Dart: Open DevTools

Answer 2

在 Flutter 项目中检查 Widget：

1- 打开命令面板（Ctrl+ Shift+ P（Cmd+ Shift+P在 macOS 上））。
2- 选择 Flutter: Inspect Widget 命令并按 Enter。
3- 点击模拟器中的任何小部件。
4- 查看小部件树。
5-祝你好运。

Answer 3

正如Danny Tuppeny(VScode中的dart插件的创建者)所说:

目前,VS Code中没有Flutter Inspector

您可以按照此问题获取更多更新

更新:

在VS Code的新Dart Code插件中,这里有类似的东西

Answer 4

我使用快捷方式：Ctrl++ （Alt使用DUbuntu + VSCode）。

不要忘记应用程序必须已经在调试模式下运行，就像 Evandro 提到的那样。