從零開始安裝 Flutter!

最近想要自學一種跨平台App開發的框架,當時找到了 Xamarin FormReact NativeFlutter。因為電腦快沒什麼空間了,所以只能選擇一種來學。最後想說 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 SDKC 磁碟

下載完畢後,在 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 搜尋並安裝 DartFlutter 模組。




接著同樣使用 Configure 選擇 AVD Manager,並選擇 Create Virtual Devices...



選擇一個模擬器後,點 Next 到下一步選擇系統映像。在這裡比較推薦 x86_64 的 ABI,並支援 Google API



點下一步後,在 Graphics 選擇 Hardware - GLES 2.0。如果未安裝映像,會需要裝映像才能選擇並完成模擬器的新增。



然後到 https://code.visualstudio.com/ 下載並安裝 VS Code,接著搜尋並安裝 DartFlutter 的延伸模組。



接著從 Android Studio 打開 AVD Manager,並啟動模擬器

當模擬器啟動後,在原來 flutter console 的 cmd 命令提示字元 (若關了,請重新以管理員身分執行 flutter_console.bat 開啟) 輸入 flutter doctor 檢查工具是否都安裝完畢了。



成功囉!我們已經準備好 Flutter 的開發環境啦!

留言

熱門文章