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

安装开发者工具

如果在你的环境变量 PATH 中有 pub, 可以运行：

  1. pub global activate devtools

如果环境变量 PATH 中有 flutter , 可以运行：

  1. flutter pub global activate devtools

这个命令会在你的机器上安装（或升级）开发者工具。

启动开发者工具服务

下一步，启动本地 web server 服务来运行开发者工具。运行下面两个命令中的一个。

  1. pub global run devtools   # If you have `pub` on your path.

或者

  1. flutter pub global run devtools   # If you have `flutter` on your path.

On the command line, you should see output that looks something like:

  1. Serving DevTools at http://127.0.0.1.9100

启动一个 app 来 debug

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

  1. cd path/to/flutter/app
  2. flutter run

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

  1. An Observatory debugger and profiler on iPhone X is available
  2. 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 链接来连接开发者工具。