什么是 DevTools 扩展程序?

#

DevTools 扩展程序是由第三方软件包提供的开发者工具,它们与 DevTools 工具套件紧密集成。扩展程序作为 pub 软件包的一部分进行分发,并在用户调试其应用时动态加载到 DevTools 中。

使用 DevTools 扩展程序

#

如果您的应用依赖于提供 DevTools 扩展程序的软件包,则在您打开 DevTools 时,该扩展程序会自动显示在新标签页中。

配置扩展程序的启用状态

#

您需要在使用扩展程序之前手动启用它。在启用扩展程序之前,请确保它来自您信任的来源。

首次打开扩展程序时,您会看到一个启用扩展程序的提示

Screenshot of extension enablement prompt

您可以随时从 DevTools 扩展程序对话框中修改设置

Screenshot of DevTools Extensions dialog button

Screenshot of extension enablement dialog

注意:如果扩展程序需要连接到正在运行的应用程序,则在 DevTools 连接到正在运行的应用程序之前,您将不会看到启用提示或启用设置。

扩展程序的启用状态存储在用户项目根目录下的 devtools_options.yaml 文件中(类似于 analysis_options.yaml)。

yaml
description: This file stores settings for Dart & Flutter DevTools.
documentation: https://docs.flutterdart.cn/tools/devtools/extensions#configure-extension-enablement-states
extensions:
  - provider: true
  - shared_preferences: true
  - foo: false

此文件存储 DevTools 的每个项目(或可选的每个用户)设置。

如果此文件**已纳入源代码管理**,则指定的选项将为项目配置。这意味着任何拉取项目源代码并参与项目工作的人员都将使用相同的设置。

如果此文件**未纳入源代码管理**(例如,通过将 devtools_options.yaml 作为条目添加到 .gitignore 文件中),则指定的选项会为每个用户单独配置。由于在这种情况下,项目的每个用户或贡献者都使用 devtools_options.yaml 文件的本地副本,因此指定的选项在项目贡献者之间可能会有所不同。

构建 DevTools 扩展程序

#

有关如何构建 DevTools 扩展程序的深入指南,请查看 Medium 上的一篇免费文章:Dart 和 Flutter DevTools 扩展程序

要了解有关编写和使用 DevTools 扩展程序的更多信息,请查看以下视频

在新标签页中在 YouTube 上观看:“构建 DevTools 扩展程序 | Flutter 构建展示”