1. SDK下載與環(huán)境變量
2. IDE 安裝
Xcode,Android Studio安裝,以及 flutter 支持
3. 創(chuàng)建 flutter 項目
例如:主工程目錄為 $HOME/Desktop/Flutter
flutter create $HOME/Desktop/Flutter/MyApp
4. 拖動 MyApp 文件夾至 Android Studio 上打開
正常打開后,Android Studio 上方如下圖
這時候已經(jīng)有 iOS 和 安卓兩種模擬器可以選擇了。
5. 運行第一個程序
首次啟動建議使用命令行工具,進入到工程主目錄下,執(zhí)行以下命令
flutter run
flutter run ios.png
打開安卓模擬器時,如果有如下圖報錯
參考 gradle 安裝教程重新安裝 gradle
按照提示選擇對應的模擬器,分別進行 iOS 和 Android 模擬器的運行。之后就可以直接 Android Studio 運行到對應模擬器了。
6. 其他問題
一般來說,很少有一帆風順的安裝使用過程,下邊是我踩坑的幾個地方。
- 正常啟動了 Android Studio,但是找不到安卓模擬器
正常情況,Android SDK 路徑為 $HOME/Library/Android/sdk,執(zhí)行以下命令后重新運行 Android Studio
flutter config --android-sdk $HOME/Library/Android/sdk
flutter doctor
- 使用網(wǎng)上的 git reset --hard 方法切換 flutter 版本,導致部分庫丟失
我在嘗試解決第一個問題時,在網(wǎng)上找到一個切換 flutter 版本的方法,嘗試后,出現(xiàn)了沖突,導致 dart 庫丟失,工程無法正常運行,flutter doctor 也無法正常運行。
后來嘗試切換到 flutter 的其他分支,但是很麻煩,丟失的庫文件找不到。
下邊給遇到相同問題的提供兩種解決方案:
a. 重新安裝 SDK
SDK安裝方法,比較暴力,但很有效
b. 更新 flutter
進入到 flutter 目錄下,打開 flutter/bin,刪除 cache 文件夾后,執(zhí)行下方命令
flutter upgrade
這一步操作完成后,在執(zhí)行 flutter doctor 驗證無問題后,重新打開 Android Studio 即可。