flutter是什麼我就不多說了,網上有許多的介紹文章。看了許多安裝過程文章,都說需要翻牆啊,安裝git拉到倉庫什麼的,搞的巨複雜。但我昨晚從零開始成功安裝flutter開發環境,併成功運行示例demo,期間並沒有翻牆,我也沒有安裝git。
網上的很多flutter安裝文章其實都比較舊了,許多都是2018年的,我看最近的也是2019年1月的。所以現在把我的安裝flutter的過程記錄一下,包括期間遇到的,網上沒有的坑,
點擊快速開始按鈕,進入【起步:安裝Flutter】,我是win10,所以我選擇window按鈕,
進入【入門: 在Windows上搭建Flutter開發環境】頁面,點擊【獲取Flutter SDK】,跳轉到這裏,
點擊去flutter官網下載安裝包的【點擊下載】按鈕,跳轉到這裏,
https://flutter.dev/docs/development/tools/sdk/releases?tab=windows#windows
選擇【Dev channel (Windows)】版的最新版本:1.8.2,下載。
下載結束之後,就解壓縮,這是我的路徑,
D:\講課\實戰項目\開發Dev\flutter_Dev,
解壓縮之後是這樣,
然後,在Flutter安裝目錄的flutter文件下找到flutter_console.bat,
雙擊運行並啓動flutter命令行,接下來,你就可以在Flutter命令行運行flutter命令了,
到這裏,flutter,就安裝完了。一點不復雜,網上說的要設置環境變量什麼的,是說,你安裝結束後,雙擊flutter_console.bat時打開的是flutter的命令行。如果你想用win的cmd,就需要設置環境變量。我估計是這樣哈,因爲我沒搞使用win的cmd控制檯來運行flutter。
點擊【下載並安裝 Android Studio】,但是奇怪的是,這個鏈接,我的電腦無法打開網頁。開始時我以爲這裏就是需要翻牆的網址了,但我把這網址發給別人卻可以正常打開。
我這裏打不開網址的原因未知,所以我就在【Android Studio中文社區】開發者工具那直接下載的,
網址;
http://www.android-studio.org/
就點擊 【下載Android Studio】按鈕
下載之後,是這樣的圖標,
然後就雙擊開始安裝,這個沒有啥,但要注意它的安裝目錄的路徑,不能有中文名。裝完之後是這樣,
然後雙擊,studio64.exe,開始運行,
到這一步,安裝Android Studio,結束。看,很簡單,什麼翻牆啊,什麼git拉取啊,不存在的。
1、安裝dart、flutter插件
點擊 file->setting->plugins,在plugins的插件搜索框裏,輸入dart,
因爲我已經安裝過了,所以我截圖上的installed按鈕是灰色的,你沒安裝的時候是那種亮綠色的。
安裝flutter插件同樣操作,
然後重啓Android Studio。之後再打開Android Studio時,點擊flie->new,你就會看到new flutter project選項,
我的手機是android手機,型號是modoZ,怎麼把android設置成usb調試模式,網上有很多教程,自己百度一下就可以了。這個步驟我就不說了。
把android手機設置爲usb調試模式之後,用usb線連接到電腦,這時你的Android Studio應該是這樣,
也就是這裏要顯示你手機的型號,反正這裏我是一次成功。然後確保你打開的flutter項目文件是,main.dart文件
這時,點擊運行按鈕,
【1】、Initializing gradle...,時間超長,
解決方案如下,
網上已經有很多資料,我就不再重複了。多試試就ok啦,很簡單
【2】、Warning: License for package Android SDK Build-Tools 28.0.3 not accepted,
此截圖來此網絡,因爲我已經解決了,所以不再報這個錯。
解決方法:
在flutter控制檯裏運行,
flutter doctor --android-licenses,
然後一路yes,就可以了。
我的360防火牆把Android Studio的什麼請求給阻止了,通過之後就好了。所以同學們要注意自己電腦的網絡防火牆。
我遇到的問題就是Initializing gradle...,時間超長,和Warning: License for package Android SDK Build-Tools 28.0.3 not accepted,這二個。其它的沒有任何問題,我看網上還有人遇到模擬器白屏,但我直接使用真機調試,所以也沒有遇到這個問題。
整個的安裝過程,基本上就是這樣,並沒有太複雜,也沒有翻牆,也沒有什麼git。想學習flutter的同學可以加我微信:blazeloulan,拉你入學習羣。