跳到主内容

从 Android Studio 运行 DevTools

了解如何从 Android Studio 启动并使用 DevTools。

安装 Flutter 插件

#

如果你尚未安装 Flutter 插件,请先进行安装。你可以通过 IntelliJ 和 Android Studio 设置中的常规 Plugins(插件)页面来完成此操作。打开该页面后,你可以在插件市场中搜索 Flutter 插件。

启动应用进行调试

#

要打开 DevTools,首先需要运行一个 Flutter 应用。打开一个 Flutter 项目,确保已连接设备,然后点击 Run(运行)或 Debug(调试)工具栏按钮即可实现。

从工具栏/菜单启动 DevTools

#

应用运行后,你可以使用以下任一方法启动 DevTools:

  • 在“Run”(运行)视图中选择 Open DevTools(打开 DevTools)工具栏操作。
  • 在“Debug”(调试)视图中选择 Open DevTools(打开 DevTools)工具栏操作。(如果正在进行调试)
  • 在“Flutter Inspector”视图的 More Actions(更多操作)菜单中选择 Open DevTools(打开 DevTools)操作。

screenshot of Open DevTools button

通过操作启动 DevTools

#

你也可以通过 IntelliJ 操作打开 DevTools。打开 Find Action...(查找操作...)对话框(在 macOS 上,按 Cmd + Shift + A),然后搜索 Open DevTools(打开 DevTools)操作。当你选择该操作时,DevTools 服务器将启动,并打开一个指向 DevTools 应用的浏览器实例。

通过 IntelliJ 操作打开时,DevTools 不会自动连接到 Flutter 应用。你需要为当前正在运行的应用提供服务协议端口。你可以使用内嵌的 Connect to a running app(连接到正在运行的应用)对话框来完成此操作。