前言

延續 上一篇 假如不使用實體手機，那勢必要建立一個模擬器

所需環境與工具

以下以 Windows 10 + VSCode + 模擬器為 Android 為例：

安裝 Android iOS Emulator 套件

1. 開啟 VSCode

2. 安裝 Android iOS Emulator
   

安裝 Emulator 與相關的套件

1. 進到 tools\bin 內開啟 cmd

2. 列表出可安裝清單

   1	$ sdkmanager --list

3. 安裝 emulator、Intel x86 Emulator Accelerator (Intel 平台)

   1	$ sdkmanager --install "emulator" "extras;intel;Hardware_Accelerated_Execution_Manager"

4. 安裝 avd image
   以下以 28 版當例子：

   1	$ sdkmanager --install "system-images;android-28;google_apis_playstore;x86_64"

5. 加上環境變數 ANDROID_AVD_HOME
   假如資料夾路徑為 ~\.android\avd
   本機 -> 右鍵 -> 內容 -> 進階系統設定 -> 進階 -> 環境變數 -> 系統變數 -> 新增 -> 把 ~\.android\avd 加上去
   

開啟 Hyper-V 與 HAXM (Intel 平台)

1. 搜尋 -> 輸入 “開啟或關閉 Windows 功能” -> 對 “Hyper-V” 打勾 -> 按 “確定”
   
   

2. 重開機

開啟模擬器

假設已經有專案了

1. 在 VSCode 內 -> 按下 Ctrl + Shift P -> 輸入 “Flutter: Launch Emulator” -> 選擇 “Create Android emulator”

2. 等很長一段時間完會出現一個模擬器
   

3. 就能利用此模擬器來 Debug 了
   

資料來源

1. 用 VS Code 建置 Flutter 開發環境
2. 硬體加速以提升模擬器效能 (Hyper-V 與 HAXM)
3. How to set up devices for VS Code for a Flutter emulator
4. avdmanager

所需環境與工具

以下以 Windows 10 + VSCode 為例：

安裝 Flutter SDK

1. 到 這裡 有安裝說明

2. 這裡 可下載最新版 (v1.12.13 + hotfix5 版本)

3. 安裝後壓縮檔解壓縮並把 flutter 資料夾放到想要的位置
   (官方建議不要把 flutter 資料夾放到 C:\Program Files\ 內)

4. 設定環境變數
   假如資料夾路徑為 C:\src\flutter
   本機 -> 右鍵 -> 內容 -> 進階系統設定 -> 進階 -> 環境變數 -> 系統變數 -> 編輯 -> 把 C:\src\flutter\bin 加上去
   

安裝 Java SDK

1. 到 這裡 可下載 JAVA 8
   備註：請不要裝更新的版本，不然 Android SDK 會不支援

安裝 Android SDK Manager

1. 到 這裡 下載 Command Command line tools

2. 解壓縮資料夾並把 tools 資料夾放到想要的位置
   (在這裡以放到 C:\src\androidSDK 內為範例)

安裝 Android SDK

1. 進到 tools\bin 內開啟 cmd

2. 列表出可安裝清單

   1	$ sdkmanager --list

3. 安裝 platform-tools、platforms、build-tools
   以下以 28 版當例子：

   1	$ sdkmanager --install "platform-tools" "platforms;android-28" "build-tools;28.0.3"

4. 加上環境變數 ANDROID_HOME
   假如資料夾路徑為 C:\src\androidSDK
   本機 -> 右鍵 -> 內容 -> 進階系統設定 -> 進階 -> 環境變數 -> 系統變數 -> 新增 -> 把 C:\src\androidSDK 加上去
   

安裝 Flutter 套件

1. 開啟 VSCode

2. 安裝 Flutter Plugin
   

檢測環境

1. cmd 下指令接受 license

   1	$ flutter doctor --android-licenses

2. 把 Android 手機接上電腦或使用模擬器

3. 檢測環境

   1	$ flutter doctor

出現類似以下畫面就算成功 (Android Studio 可以不裝)：

資料來源

1. No valid Android SDK platforms found in C:\Android\android-sdk\platforms. Directory was empty.