在 VS Code 中執行 DevTools

要從 VS Code 使用 DevTools，您需要 Dart 擴充套件。如果您正在除錯 Flutter 應用程式，還應該安裝 Flutter 擴充套件。

透過在 VS Code 中開啟專案的根資料夾（包含 pubspec.yaml 的資料夾）並點選 Run > Start Debugging (F5) 來為您的應用程式啟動除錯會話。

除錯會話啟用且應用程式啟動後，VS Code 命令面板 (F1) 中將提供 Open DevTools 命令。

選擇的工具將嵌入到 VS Code 中開啟。

您可以透過 dart.embedDevTools 設定選擇始終在瀏覽器中開啟 DevTools，並透過 dart.devToolsLocation 設定控制它是作為完整視窗開啟還是在當前編輯器旁邊的新列中開啟。

Dart/Flutter 設定的完整列表可在 dartcode.org 或 VS Code 設定編輯器 中找到。您也可以在 dartcode.org 上找到 VS Code 中 Dart/Flutter 的一些推薦設定。

您還可以從語言狀態區域（狀態列中 Dart 旁邊的 {} 圖示）檢視 DevTools 是否正在執行並在瀏覽器中啟動它。