從零開始安裝 Flutter!
最近想要自學一種跨平台App開發的框架,當時找到了 Xamarin Form、React Native 和 Flutter。因為電腦快沒什麼空間了,所以只能選擇一種來學。最後想說 Flutter 的跨平台 UI 的一致性在三者中比較高,效能也比較快,所以就決定學 Flutter 了~~
以下是我在 Windows 10 作業系統下安裝 Flutter 的紀錄:
作業系統 | Windows 7 SP1 以上 (64位元) |
儲存空間 | 至少 1.32 GB,但是後面還要裝 Android SDK。。。 |
工具 | Windows PowerShell 5.0 (Win 10 本身就有) |
Git for Windows 2.x |
雖然 Flutter 官網說可以直接下載 Flutter SDK,不過我比較建議先安裝 Git。
首先先到 https://git-scm.com/download/win 下載 Git 的安裝程式。
安裝完成後,打開 C 磁碟,在視窗空白處點右鍵,選擇 Git Bash Here。
接著輸入 git clone -b stable https://github.com/flutter/flutter.git
電腦就會自動下載 Flutter SDK 到 C 磁碟。
下載完畢後,在 C 磁碟會看到 flutter 資料夾。打開資料夾,並找尋 flutter_console.bat,然後用右鍵打開,以系統管理員身分執行。
接著會看到顯示 cmd 命令提示字元,然後輸入 flutter doctor。電腦會檢查還需要安裝哪些工具。
安裝完 Flutter 後,到安卓官網:https://developer.android.com/studio 下載並安裝 Android Studio。安裝完成後,執行 Android Studio,從 Configure 選擇 SDK Manager,並選擇 SDK Tools 裡的 Google USB Driver 安裝。
接著一樣從 Configure 選擇 Plugins。並在 Marketplace 搜尋並安裝 Dart 和 Flutter 模組。
接著同樣使用 Configure 選擇 AVD Manager,並選擇 Create Virtual Devices...。
選擇一個模擬器後,點 Next 到下一步選擇系統映像。在這裡比較推薦 x86_64 的 ABI,並支援 Google API。
點下一步後,在 Graphics 選擇 Hardware - GLES 2.0。如果未安裝映像,會需要裝映像才能選擇並完成模擬器的新增。
然後到 https://code.visualstudio.com/ 下載並安裝 VS Code,接著搜尋並安裝 Dart 和 Flutter 的延伸模組。
接著從 Android Studio 打開 AVD Manager,並啟動模擬器。
當模擬器啟動後,在原來 flutter console 的 cmd 命令提示字元 (若關了,請重新以管理員身分執行 flutter_console.bat 開啟) 輸入 flutter doctor 檢查工具是否都安裝完畢了。
成功囉!我們已經準備好 Flutter 的開發環境啦!
留言
張貼留言