跳至主要內容

從命令列執行 DevTools

若要從 CLI 執行 DevTools,您的路徑中必須有 dart。然後,若要啟動 DevTools,請執行 dart devtools 命令。

若要升級 DevTools,請升級 Flutter。如果較新的 Dart SDK(包含在 Flutter SDK 中)包含較新版本的 DevTools,則執行 dart devtools 會自動啟動此版本。如果 which dart 指向包含在您的 Flutter SDK 中的 Dart SDK,更新該 Dart SDK 不會更新 Flutter 版本。

當您從命令列執行 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

您可以透過複製您從執行應用程式取得的 Observatory 連結 (例如 http://127.0.0.1:52129/QjqebSY4lQ8=/) 並將其貼到連線對話方塊中,手動將 DevTools 連線到新的應用程式實例