跳到主內容

從 Android Studio 執行 DevTools

瞭解如何從 Android Studio 啟動並使用 DevTools。

安裝 Flutter 外掛

#

如果你尚未安裝 Flutter 外掛,請先進行安裝。你可以透過 IntelliJ 和 Android Studio 設定中的常規 Plugins(外掛)頁面來完成此操作。開啟該頁面後,你可以在外掛市場中搜索 Flutter 外掛。

啟動應用進行除錯

#

要開啟 DevTools,首先需要執行一個 Flutter 應用。開啟一個 Flutter 專案,確保已連線裝置,然後點選 Run(執行)或 Debug(除錯)工具欄按鈕即可實現。

從工具欄/選單啟動 DevTools

#

應用執行後,你可以使用以下任一方法啟動 DevTools:

  • 在“Run”(執行)檢視中選擇 Open DevTools(開啟 DevTools)工具欄操作。
  • 在“Debug”(除錯)檢視中選擇 Open DevTools(開啟 DevTools)工具欄操作。(如果正在進行除錯)
  • 在“Flutter Inspector”檢視的 More Actions(更多操作)選單中選擇 Open DevTools(開啟 DevTools)操作。

screenshot of Open DevTools button

透過操作啟動 DevTools

#

你也可以透過 IntelliJ 操作開啟 DevTools。開啟 Find Action...(查詢操作...)對話方塊(在 macOS 上,按 Cmd + Shift + A),然後搜尋 Open DevTools(開啟 DevTools)操作。當你選擇該操作時,DevTools 伺服器將啟動,並開啟一個指向 DevTools 應用的瀏覽器例項。

透過 IntelliJ 操作開啟時,DevTools 不會自動連線到 Flutter 應用。你需要為當前正在執行的應用提供服務協議埠。你可以使用內嵌的 Connect to a running app(連線到正在執行的應用)對話方塊來完成此操作。