跳到主内容

DevTools 扩展

了解如何使用和构建 DevTools 扩展程序。

什么是 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_options.yaml 文件中(类似于 analysis_options.yaml)。

yaml
description: This file stores settings for Dart & Flutter DevTools.
documentation: https://docs.fluttercn.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 扩展程序的深入指南,请访问 在 Flutter 和 Dart DevTools 中构建自定义工具

您还可以查看以下视频:

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