如何在Visual Studio代码中使用Flutter的Widget检查器？

Question

你如何在VSCode和introduced中使用Flutter Widget Inspector enabled？当我从IDE或终端调试应用程序时，当我点击iOS模拟器中的任何小部件时没有任何反应。我找不到Google的VSCode的任何信息。

我在MacOS Sierra。

Answer 1

调试时，运行命令Flutter：Inspect Widget，然后单击UI / Widget，它将自动引导您生成窗口小部件的代码。它仅在调试模式下有效，并且在调试中加载应用程序之前该命令不可用。

Answer 2

从v2.24开始，VS Code的Dart扩展与Dart DevTools集成。这比stt106提到的原始Inspect Widget命令有更好的检查功能。

在调试会话处于活动状态时，打开命令选项板并找到DevTools命令。

第一次运行时，系统可能会提示您激活或升级。

然后DevTools将在您的浏览器中启动并连接到您的调试会话。

有关Dart的DevTools in the DevTools docs功能的更多信息。