多圖超詳細安裝flutter&Android Studio開發環境,並配置插件

flutter是什麼我就不多說了,網上有許多的介紹文章。看了許多安裝過程文章,都說需要翻牆啊,安裝git拉到倉庫什麼的,搞的巨複雜。但我昨晚從零開始成功安裝flutter開發環境,併成功運行示例demo,期間並沒有翻牆,我也沒有安裝git。

網上的很多flutter安裝文章其實都比較舊了,許多都是2018年的,我看最近的也是2019年1月的。所以現在把我的安裝flutter的過程記錄一下,包括期間遇到的,網上沒有的坑,

網址:https://flutterchina.club/

點擊快速開始按鈕,進入【起步:安裝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,拉你入學習羣。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章