透過命令列安裝並執行 DevTools

若要從 CLI 執行 Dart DevTools,您的路徑中必須有 dart。然後,您可以執行以下命令來啟動 DevTools

dart devtools

要升級 DevTools,請升級您的 Dart SDK。如果較新的 Dart SDK 包含較新版本的 DevTools,dart devtools 會自動啟動這個版本。如果 which dart 指向 Flutter SDK 中包含的 Dart SDK,則當您將 Flutter SDK 升級到較新版本時,DevTools 也會升級。

當您從命令列執行 DevTools 時,您應該會看到類似以下的輸出

Serving DevTools at http://127.0.0.1:9100

啟動要偵錯的應用程式

接下來,啟動要連線的應用程式。這可以是 Flutter 應用程式或 Dart 命令列應用程式。以下命令指定 Flutter 應用程式

cd path/to/flutter/app
flutter run

您需要連接裝置或開啟模擬器,才能讓 flutter run 運作。應用程式啟動後,您會在終端機中看到類似以下的訊息

An Observatory debugger and profiler on macOS is available at:
http://127.0.0.1:52129/QjqebSY4lQ8=/
The Flutter DevTools debugger and profiler on macOS is available at:
http://127.0.0.1:9100?uri=http://127.0.0.1:52129/QjqebSY4lQ8=/

開啟 Chrome 中的第二個連結,開啟連線到您應用程式的 DevTools 執行個體。

這個 URL 包含安全權杖,因此每次執行應用程式時都不一樣。這表示如果您停止應用程式並重新執行,您需要再次使用新的 URL 連線到 DevTools。

連線到新的應用程式執行個體

如果您的應用程式停止執行或您手動開啟 DevTools,您應該會看到一個連線對話方塊

Screenshot of the DevTools connect dialog

您可以手動將 DevTools 連線到新的應用程式執行個體,方法是複製執行應用程式時取得的 Observatory 連結,例如 http://127.0.0.1:52129/QjqebSY4lQ8=/,並貼到連線對話方塊中