在 VS Code 裡安裝和使用開發者工具

安裝 VS Code 外掛

如果你想在 VS Code 中使用開發工具，你就一定需要安裝 Dart 擴充。如果你還想要除錯 Flutter 應用程式，那你還應該安裝 Flutter 擴充。

進行除錯應用程式

透過在 VS Code 中開啟你的專案的根目錄（包含 pubspec.yaml）並點選 Run > Debugging (F5)，來開啟除錯會話。

啟動開發工具

一旦除錯會話處於活躍且應用程式已開啟，那麼 VS Code 命令控制板中將會顯示 Dart: Open DevTools：

當你第一次執行時（以及未來更新開發工具套件時），系統會提醒你啟用或升級開發工具。

接下來，開發工具將會在瀏覽器中啟動，並自動連線至你的除錯會話。

當開發工具啟用後，你將可以在 VS Code 的狀態列中看到它們。如果你已關閉瀏覽器選項卡，只要還有可用的 Dart/Flutter 除錯會話，你也可以透過單擊狀態列來重新啟動瀏覽器。