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語言簡介