搭建flutter開發

最近入坑flutter，dart還沒開始學，搭環境就幹了我一天半，不容易，記錄一下，

咱們先立個目標，這是我已經配好的，我是真的有強迫症，須要打四個對勾，真的不容易，咱們一個一先說一下每個都表明什麼，

　　

 

1.flutterSDK

2.AndroidSDK

3.Android studio IDE  環境配置

4.是否連接模擬器和真機

 

　　　0202年了，要求機器配置就不說了 ，基本都知足，直接開始

flutterSDK

　　有人用git下載，鬧了半天，出了不少事故，仍是決定手動下載安裝包，下載地址：https://flutter.cn/docs/get-started/install/windows

             

 

　　　　下載下來是一個壓縮包，解壓後，放在你本身相放的目錄中，記住他在哪裏，由於要配環境變量

　　　　右鍵個人電腦，屬性——》高級系統設置——》環境變量，在系統變量中找到path雙擊，點擊新建

             　　　　 

 

　　找到你的flutter的bin目錄，粘貼上，到這裏，flutter的SDK就配置好了

　　能夠到命令提示符裏測試一下，看到這個說明第一步已經成功了

         　　　　    

 

Android SDK

　　個人Android SDK是android studio自動下載的，因此須要先去下Android Studio

　　　　網址：https://developer.android.google.cn/studio

　　　　直接點擊那個最顯眼的下載就行，下載完成後，點擊第一個next會出現下面這個圖，把它勾上，那是個安卓模擬器，調試的時候須要用到，剩下的就是路徑和安裝，就不說了

                            

 

　　　　這一步是引入配置，點ok

                            

 

　　　這一步是說你須要添加Android SDK了，先點擊cancel，一會就提示自動裝了，歡迎頁面點next

                            

 

　　

　　　　問你是默認安裝仍是自定義安裝，我有電腦潔癖，因此我這裏選自定義，點擊next

　　             

　　　　　　

　　jdk安裝目錄，不用動，next

　　            　　　

　　主題隨意

　　          

　　到關鍵地方了，開始下載SDK，鏡像必定要勾上，否則一會也得下，還可能會掉坑裏，E盤是個人開發盤，直接就放E盤了，而後點擊next

　　          

 

　　    這裏默認吧，不要動了，next

　　　　               

 

　　直接finish，開始下載，稍等片刻，點擊finish，SDK就下載好了，以後會有一個新建項目的窗口，先最小化

　　　　   

　　　　   　　　 

 

　　 　　配置環境變量

　　　　　　　　變量名：ANDROID_HOME　　　　　　變量值：SDK目錄地址

　　　　             

 

　　　　追加系統變量path

　　　　　　　第一個：%ANDROID_HOME%\emulator　　　　　　　　

　　　　　　　第二個：%ANDROID_HOME%\platform-tools　　　　　　　　

　　　　　　　第三個：%ANDROID_HOME%\tools

　　　　　　　點擊三個肯定

　　　　　　　 

　　　　

　　　而後命令提示符輸入adb測試，看到這個，說明已經配置好了

　　　　           

 

　　　　咱們輸入flutter doctor測試一下，他說讓咱們重新裝，固然不是正確答案，還記得finish後的界面嗎？

　　　　咱們須要另外下載一個包才能解決這個問題，點擊右下角的configure

　　　　         

　　進入界面，選擇SDK Tools，勾選Android SDK tools，點擊apply   ok，ok，Accept，next，安裝就行了，就是這個坑。讓我花了一夜時間

　  完成後點擊finish

　　　　　　

　　　　　　

　　　而後運行一下他上面寫的命令，　　　　　　　　flutter doctor --android-licenses     運行後，後面的全選y就行

　　　　　　

　　　　再執行一次flutter doctor就行了

　　　　 

　　　　到這就裝好兩個了

配置android studio環境

　　　　仍是剛纔的歡迎頁，選擇plugins，輸入flutter，網速有些慢的須要等

　　　　點擊install，點擊accept

　　　　          

　　　　　　

　　　　　提示安裝dart，選擇yes

　   　　　　　

　　　　重啓IDE  點擊Restart IDE　　點擊Restart ，重啓後，環境就配置好了，再運行一次flutter doctor     IDE也配置好了

　　　　　   　

 

　　　　　   　

模擬器　　

 

　　　　最後一個感嘆號是說沒有鏈接一個設備，也就是說模擬器和真機必須鏈接一個，咱們下載過模擬器，模擬器運行的時候或者真機鏈接電腦的時候，再拿命令測試一次就行了

　　　　仍是歡迎頁，點擊Start a new Flutter project　　建立一個flutter項目，配置項就這些，finish

　　　　　　   

　　　　          

　　　　

　　　　　　點擊右上角倒數第四個圖標，AVD Manger，點擊運行，可能會有錯誤彈窗，多試幾回，而後還有個警告彈窗，大概意思是說性能低下，須要更新，點擊ok，無需理會便可

　　　　　　

 

　　　       　

　　　　　　此時模擬器就會在左方出現，再次運行命令flutter doctor，就完成了整個flutter的環境配置