Flutter學習筆記(1)--環境安裝


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' }

 

下一章節:Flutter學習筆記(2)--Dart語言簡介

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM