要在 Visual Studio Code (VSCode) 中運行 Flutter 項目并啟動虛擬機(例如 Android Emulator),可以按照以下步驟進行設置和操作:
一、安裝 Flutter 和 Dart 插件
-
安裝 Flutter SDK:
- 前往 Flutter 官網 下載并安裝 Flutter SDK,按照操作系統的指引完成安裝。
- 將 Flutter SDK 的
bin
目錄添加到系統的PATH
環境變量中。
-
安裝 Dart SDK:
- Dart SDK 通常包含在 Flutter SDK 中,因此安裝 Flutter 后不需要單獨安裝 Dart SDK。
-
安裝 VSCode 插件:
- 打開 VSCode,進入擴展市場(可以按
Ctrl+Shift+X
)。 - 搜索
Flutter
插件并安裝。 - 這將同時安裝 Dart 插件,因為 Dart 插件是 Flutter 插件的依賴項。
- 打開 VSCode,進入擴展市場(可以按
二、安裝 Android Studio 和配置 Android 模擬器
-
安裝 Android Studio:
- 前往 Android Studio 官網 下載并安裝 Android Studio。
- 安裝過程中勾選安裝 Android SDK、Android SDK 命令行工具,以及相關的構建工具。
-
配置 Android 模擬器:
- 打開 Android Studio,進入 AVD Manager(Android Virtual Device Manager)。
- 創建一個新的虛擬設備(AVD),選擇你需要的設備類型和系統鏡像(推薦使用 x86 鏡像以獲得更好的性能)。
- 完成配置并啟動虛擬設備以確保其正常工作。
三、在 VSCode 中運行 Flutter 項目
-
創建新的 Flutter 項目:
- 打開 VSCode,按
Ctrl+Shift+P
打開命令面板。 - 輸入
Flutter: New Project
,選擇Flutter: New Project
并按提示創建新的 Flutter 項目。
- 打開 VSCode,按
-
運行 Flutter 項目:
- 在 VSCode 中打開你創建的 Flutter 項目。
- 打開終端(可以按
Ctrl+
`)。 - 啟動 Android 模擬器,可以通過以下命令啟動:
或者在 VSCode 的底部工具欄中,選擇設備下拉列表,然后選擇你的虛擬設備。emulator -avd <Your_AVD_Name>
- 確保模擬器正在運行。
- 在 VSCode 中,按
F5
或者在命令面板中輸入Flutter: Run
以啟動項目。
四、配置設備和調試選項
-
選擇設備:
- 如果你有多個設備(例如物理設備和模擬器),可以在 VSCode 底部的狀態欄中選擇你希望運行的設備。
-
調試選項:
- VSCode 中的調試控制臺可以提供豐富的調試功能,包括設置斷點、檢查變量、查看調試日志等。按
F5
啟動調試模式。
- VSCode 中的調試控制臺可以提供豐富的調試功能,包括設置斷點、檢查變量、查看調試日志等。按