flutter最近顯得格外的火,公司的同事也一直在談論flutter,感覺自己不學學就要失業了。。。所以決定順應潮流學習以下flutter,做一下學習筆記,希望可以給需要的同學帶來一些幫助~ ...
flutter最近顯得格外的火,公司的同事也一直在談論flutter,感覺自己不學學就要失業了。。。所以決定順應潮流學習以下flutter,做一下學習筆記,希望可以給需要的同學帶來一些幫助~
正文為flutter安裝教程,如需轉載,請註明出處:Flutter學習筆記(1)--環境安裝
一.安裝Git for Windows:https://git-scm.com/download/win
我是一路next安裝下來的,安裝成功之後通過git bash命令行輸入git,如果出現以下內容,則證明安裝成功了
二.更新環境變數
在用戶變數中新建兩個變數:
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.c
三.下載flutter包,在想要下載的文件夾下右鍵-->git bash here-->git clone -b stable https://github.com/flutter/flutter.git
我第一次下載的時候失敗了,報錯信息為:error: RPC failed; curl 18 transfer closed with outstanding read data remaining原因:由於Http協議錯誤,當Clone的時候,因為curl的postBuffer預設值太小的原因,而項目可能本身比較大,所以下載失敗。
解決:打開git命令行 輸入 git config –global http.postBuffer 524288000
,然後可以輸入git config –list
查看剛纔的設置是否生效。
再次下載就成功了,成功截圖如下:
下載成功後,將flutter下bin文件夾的全路徑配置到系統變數PATH下
四.安裝flutter需要的依賴以及進行編譯
命令行輸入flutter doctor,進行安裝flutter需要的依賴以及進行編譯,第一次運行會很慢,以後再運行就會很快了
[√]是表示安裝OK的,[×]是需要安裝的,或者是已安裝但是沒有運行起來的。
接下來就是一個個解決
(1)第一個理解起來就是找不到Android SDK,我是按照後面提示的執行了一下flutter doctor --android-licenses,一路按y,然後再執行一下flutter doctor,發現第一個問題就解決了:
(2)第二個問題就是沒有安裝flutter,打開Android studio-->settings-->plugins,搜索flutter進行安裝
(3)第二個問題就是沒有安裝dart,打開Android studio-->settings-->plugins,搜索dart進行安裝
安裝完成之後再執行flutter doctor,會發現第二個和第三個問題也解決了
(4)還有最後一個問題,理解就是沒有連接上設備,這裡的話,大家可以連真機,也可以自行創建模擬器來使用
//TODO 創建模擬器
五.新建flutter項目
以上步驟都完成了的話,就可以創建一個flutter項目new-->New Flutter Project,開始大家的flutter之旅啦~~~
總結:最初我是按照flutter中文官網上的教程進行配置的,可是中間遇到了很多莫名其妙的錯誤,我這暴脾氣就忍不了了,放棄官網開始從網上查各種安裝教程,看了很多博客,再加上自己慢慢摸索,
終於把flutter給安裝好了,在這個過程中發現,每個人在安裝過程中遇到的問題都不一樣,每個博主寫的安裝教程也不一定適合你,重要的還是分析清楚遇到的問題,找一條自己的路。
希望可以給需要的同學帶來一些幫助!!!
-------------------------------------------------------------------------------------分割線-------------------------------------------------------------------------------------------
第一次運行flutter項目,報錯ProcessException: Process "E:\studyDemo\FlutterDome\flutter_app\android\gradlew.bat" exited abnormally:
第一步:修改掉項目下的android目錄下的build.gradle
文件,把google() 和 jcenter()這兩行去掉。改為阿裡的鏈接。
maven { url 'https://maven.aliyun.com/repository/google' } maven { url 'https://maven.aliyun.com/repository/jcenter' } maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
第二步:.需要在你flutter sdk 的 如下路徑 下的 flutter.gradle 也同樣添加鏡像。
maven { url 'https://maven.aliyun.com/repository/google' } maven { url 'https://maven.aliyun.com/repository/jcenter' } maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }