Flutter 开发工具dart devTools的使用

在程序运行后，在最下边一行，点击 dart devTools，可以开启dart开发工具。

从上面的下拉框中，可以看出，有几个窗口可以显示。

其中Widget Inspector 用的最多，可以显示程序中组件的树形结构，它们在空间中占的位置及长度和宽度等内容。后面的依次为

cpu的性能

内存页面

性能页面

网络页面

日志页面

浏览器中的开发工具

在新的版本中，需要将启动时的地址信息

ws://127.0.0.1:58360/teEPnlpOHto=/ws

复制到开发工具的网页中的地址栏中

Launching lib\main.dart on Android SDK built for x86 64 in debug mode...
lib\main.dart:1
√  Built build\app\outputs\flutter-apk\app-debug.apk.
Connecting to VM Service at ws://127.0.0.1:58360/teEPnlpOHto=/ws