準備 Flutter 開發環境


要準備 Flutter 開發環境,基本上可以遵循 Flutter 官方網站的〈Install〉,我在這邊是使用 Windows,大致上是參考〈Windows install〉的說明。

就結論而言,需要下載的東西有三個:

  • Dart SDK
  • Android Studio
  • Flutter SDK

這三個都下載的話,會需要 1.5 GB 以上,全部解壓縮或安裝完的話,會需要 6 GB 以上。

官方文件上是說 Flutter SDK 包含 Dart SDK,不過我事先為了摸一下 Dart,就也還是於 Dart SDK archive 下載了 Dark SDK 2.7.2 的 zip 壓縮檔,解壓縮後設定 PATH 包含其 bin 資料夾。

接著在 Android Studio 下載了 Android Studio 3.6.3 安裝,完成後根據〈Windows install〉的說明,必須舊版的 Android SDK Tools,這可以在開啟 Android Studio 後,於右下的「Configure」設定:

準備 Flutter 開發環境

按下「Configure」,可以選擇「SDK Manager」,切換至「SDK Tools」,取消「Hide Obsolete Packages」的勾選,才能選擇「Android SDK Tools (Obsolete)」,這個將來應該會換為新版的 SDK Tools 吧!

準備 Flutter 開發環境

安裝完 Android SDK Tools 後,必須設定環境變數 ANDROID_HOME 指向 Android SDK Tools 的安裝資料夾。

在連結的手機部份,我是用模擬器,在開啟 Android Studio 後,於右下的「Configure」可以選擇「AVD Manager」(也就是 Android Virtual Device Manager),於下方「Create Virtual Device…」,建一台你想要虛擬裝置:

準備 Flutter 開發環境

新增完虛擬裝置之後,可以直接啟動,不啟動是也沒關係,只是稍後檢測環境時,有個「Connected device」會不通過罷了。

然後才是下載 Flutter SDK,在寫這段文件的時候,是下載〈Get the Flutter SDK〉當時提供的 flutter_windows_v1.12.13+hotfix.9-stable.zip,解壓縮後,設定 PATH 包含其 bin 資料夾,接著在文字模式下執行:

>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.12.13+hotfix.9, on Microsoft Windows [Version 10.0.18362.778], locale zh-TW)

[√] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[√] Android Studio (version 3.6)
[√] Connected device (1 available)

• No issues found!

如果你沒有啟動虛擬裝置,也沒有連接的手機,「Connected device」會顯示「No devices available」。

如果想先體會一下 Flutter Application,可以在 Android Studio 中執行「Start a new Flutter Project」,選擇「Flutter Application」,然後如下設定:

準備 Flutter 開發環境

接著就 Next 到完成就好了,預設會有個範例程式 main.dart,內容很多,註解也很多,這暫時不要理它,直接按上方工具列的綠色箭頭(記得虛擬裝置要開啟):

準備 Flutter 開發環境

第一次執行專案會需要些時間,在虛擬裝置安裝完 App 後,可以看到右下有個 + 號按鈕,應用程式會顯示你按了幾次按鈕:

準備 Flutter 開發環境