跳到主內容

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.flutter.club.tw/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”