從 VS Code 執行 DevTools

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

在 VS Code 中開啟專案的根資料夾（包含 pubspec.yaml 的資料夾），然後點選 執行 > 啟動除錯 (F5)，即可啟動應用程式的除錯會話。

一旦除錯會話處於活動狀態且應用程式已啟動，開啟 DevTools (Open DevTools) 命令即可在 VS Code 命令面板 (F1) 中使用。

所選工具將在 VS Code 內部嵌入開啟。

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

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

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