目錄 1. 安裝 Flutter SDK2. 設置環境變數3. Flutter doctor4. 安裝 Android Studio5. 啟動 Android Studio， 安裝 Android SDK6. 再次運行 Flutter doctor 查看依賴項7. 設置 Android emulat ...
目錄
1. 安裝 Flutter SDK2. 設置環境變數3. Flutter doctor4. 安裝 Android Studio5. 啟動 Android Studio， 安裝 Android SDK6. 再次運行 Flutter doctor 查看依賴項7. 設置 Android emulator8. 配置編輯器8.1 Android Studio8.2 Visual Studio Code (VS Code)
第一次接觸移動開發, 純小白一枚, 慢慢摸索, 記錄安裝.
1. 安裝 Flutter SDK
如果不能直接下載 Flutter SDK, 可以通過github安裝, 請參考 Using Flutter in China.
下載 Flutter SDK (flutter_windows_v0.2.8-beta.zip), 解壓到指定目錄, 雙擊運行flutter_console.bat, 完成sdk安裝, 如圖.
2. 設置環境變數
在Path下增加到flutter/bin的目錄, 如圖:
3. Flutter doctor
在flutter控制台運行 flutter doctor 命令, 檢測是否有依賴項未安裝.
其中帶X的表示需要安裝的東西， 如我這裡需要再安裝Android toolchain 與 Android Studio.
安裝Android Studio時，會預設下載安裝Android SDK，所以下一步直接安裝Android Studio.
4. 安裝 Android Studio
直接上圖.
全程 Next, 直到 Finish.
5. 啟動 Android Studio， 安裝 Android SDK
6. 再次運行 Flutter doctor 查看依賴項
還有兩個依賴需要解決
[!] Android toolchain - develop for Android devices (Android SDK 27.0.3)
X Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
運行 flutter doctor --android-licenses
[!] Connected devices
! No devices available
打開手機開發者選項， 打開USB調試後， 再次檢測， 成功。
7. 設置 Android emulator
打開AVD Manager, 新建.
隨意選擇一個後下一步
建議選擇 x86_64的 image.
Graphics 選擇 Hardware GLES 2.0
8. 配置編輯器
這裡介紹 Android Studio 與 Visual Studio Code (VS Code) 的配置.
8.1 Android Studio
安裝 Flutter 和 Dart 插件. Configure->Plugins 如圖
Browse repositiories..
選擇 Flutter, 安裝, 彈出 Dart 插件安裝時, 選擇是.
新建 Flutter project
選擇 Flutter Application
Next 直到 Finish, 等待新建項目的完成.
選擇模擬器, 調試
運行結果如下:
8.2 Visual Studio Code (VS Code)
安裝 Dart Code 擴展
新建 Flutter 項目
選擇一個路徑來存儲項目, 註意, 路徑中一定不能出現中文, 否則後面步驟會失敗
等待項目創建完成
右下角的為上一步創建的Android emulator
F5 開始調試
運行結果如下.
