通过命令行安装和运行开发者工具

要从命令行或终端运行 Dart DevTools,dart 必须要能在环境变量中找到。你可以执行以下命令启动 DevTools:

dart devtools

你可以通过升级 Dart SDK 来升级 DevTools。如果新的 Dart SDK 包括了新版本的 DevTools,dart devtools 命令会自动启动新的版本。如果 which dart 指向的是 Flutter SDK 中包含的 Dart SDK,那么 DevTools 会在 Flutter SDK 更新时一并更新。

在命令行或终端运行 DevTools 时,你会看到类似下方的输出:

Serving DevTools at http://127.0.0.1:9100

启动一个应用进行 debug

下一步,启动并连接一个 app。可以是 Flutter app 或者一个 Dart 命令行应用。下面这个命令是启动一个 Flutter app:

cd path/to/flutter/app
flutter run

运行 flutter run 时,你需要连接一个设备或者模拟器。当 app 启动后,你会在命令行中看到如下内容:

An Observatory debugger and profiler on iPhone X is available
at: http://127.0.0.1:50976/Swm0bjIe0ks=/

记下这个 URL ,待会儿你可以使用它来连接 app 和开发者工具。

打开开发者工具并且连接到目标 app

上述完成后,使用开发者工具就会很简单,只需打开 chrome 并访问 http://localhost:9100

当这个网页打开后,你会看到一个链接对话框:

Screenshot of a logging view

将从启动 app 时获得的 URL 链接(在这个例子里是 http://127.0.0.1:50976/Swm0bjIe0ks=/ )复制到这个链接对话框中来把你的 app 和开发者工具链接起来。

这个链接包含一个秘钥 token,所以每次启动你的 app 时,链接都会改变。这意味着如果重启 app 后,你需要用新的 URL 链接来连接开发者工具。