Flutter簡介
Flutter 是 Google I/O大會(huì)上推出并開源的移動(dòng)應(yīng)用開發(fā)框架翁脆,主打跨平臺剩燥、高保真尚镰、高性能阀圾。
前不久(2019.05.07) Google發(fā)布了Flutter 1.5 , 并且擴(kuò)大了可以支持的平臺,發(fā)布了第一個(gè)Web預(yù)覽版狗唉,下一步將通過Chrome OS 邁出桌面級應(yīng)用程序支持的第一步初烘。
Windows下Flutter安裝
安裝并運(yùn)行Flutter,開發(fā)環(huán)境必須滿足以下最低要求:
操作系統(tǒng): Windows 7 或更高版本 (64-bit)
磁盤空間: 400 MB (不包括Android Studio的磁盤空間).
-
工具: Flutter 依賴下面這些命令行工具.
- PowerShell 5.0 或更新的版本
- Git for Windows (Git命令行工具)分俯;
如果已安裝Git for Windows肾筐,請確保可以在命令提示符或PowerShell中運(yùn)行 git 命令(這里如果不能確定缸剪,之后會(huì)遇到問題吗铐,建議刪除重裝)
獲取Flutter SDK
去flutter官網(wǎng)下載其最新可用的安裝包,官網(wǎng)地址:https://flutter.io/sdk-archive/#windows 當(dāng)然可能會(huì)遇到下不下來的情況杏节,可以訪問該網(wǎng)址:https://flutter.dev/community/china唬渗,對下載鏈接進(jìn)行根URL替換和配置鏡像地址,在Windows下主要是在用戶變量下新建PUB_HOSTED_URL
和FLUTTER_STORAGE_BASE_URL
條目奋渔。
Shanghai Jiaotong University Linux User Group
FLUTTER_STORAGE_BASE_URL
: https://mirrors.sjtug.sjtu.edu.cn/
PUB_HOSTED_URL
: https://dart-pub.mirrors.sjtug.sjtu.edu.cn/
下載完成后將安裝包zip解壓到你想安裝Flutter SDK的路徑镊逝,在Flutter安裝目錄的flutter文件下找到flutter_console.bat
,雙擊運(yùn)行并啟動(dòng)flutter命令行卒稳,接下來蹋半,你就可以在Flutter命令行運(yùn)行flutter命令了。
在Flutter命令行運(yùn)行如下命令來查看是否還需要安裝其它依賴充坑,如果需要减江,安裝它們:
flutter doctor
該命令檢查你的環(huán)境并在命令行窗口中顯示報(bào)告。Dart SDK已經(jīng)在打包在Flutter SDK里了捻爷,沒有必要單獨(dú)安裝Dart辈灼。 仔細(xì)檢查命令行輸出以獲取可能需要安裝的其他軟件或進(jìn)一步需要執(zhí)行的任務(wù)。
例如也榄,我本地的巡莹,可以看到這一步時(shí)還沒有在Android Studio 安裝Flutter plugin:
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.5.4-hotfix.2, on Microsoft Windows [Version 10.0.15063], locale zh-CN)
[!] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
[!] Android Studio (version 3.1)
X Flutter plugin not installed; this adds Flutter specific functionality.
X Dart plugin not installed; this adds Dart specific functionality.
[!] Android Studio (version 3.2)
X Flutter plugin not installed; this adds Flutter specific functionality.
X Dart plugin not installed; this adds Dart specific functionality.
[!] IntelliJ IDEA Community Edition (version 2019.1)
X Flutter plugin not installed; this adds Flutter specific functionality.
X Dart plugin not installed; this adds Dart specific functionality.
[√] Connected device (1 available)
安裝開發(fā)工具
這里我使用的是Android Studio司志,當(dāng)然你也可以選擇別的,比如說IDEA降宅,安裝插件的步驟應(yīng)該是相同的:
- 打開 Android Studio.
- 打開 plugin preferences (在MacOS 上Preferences > Plugins ,在 Windows & Linux上 File > Settings > Plugins ).
- 選擇 Browse repositories, 選擇Flutter 插件并安裝骂远,會(huì)提示要安裝Dart插件。
- 完成后重啟IDE.
Windows下安裝過程會(huì)有的坑
在文章開頭提到請確毖可以在命令提示符或PowerShell中運(yùn)行 git 命令
,這里主要還是針對Windows下的問題,否則在使用flutter doctor
時(shí)激才,會(huì)出現(xiàn)指令回車后不響應(yīng),仿佛卡死的樣子额嘿。類似于下圖(圖片來源瘸恼,侵刪):
解決方法
重新安裝Git,并且在安裝到這一步時(shí)册养,需要勾選MinTTY而不是調(diào)用Windows Console东帅, 否則還是會(huì)出現(xiàn)指令不響應(yīng)的狀態(tài),如圖:
總結(jié)
對于Android開發(fā)來說球拦,安裝Flutter是很友好的靠闭,只需下載SDK配置,配置環(huán)境變量以及安裝插件即可刘莹,其余的模擬器阎毅,Android SDK都無需反復(fù)下載,現(xiàn)在就可以開始Flutter的新旅程了点弯。