flutter開發之配置環境以及一些問題的處理方案~


     今天flutter1.0已經發布了,有沒有一點小小的興奮,為了紀念這個令人激動的日子,我決定發一篇flutter的基本環境搭建的教程送給大家:)

  由於這是一篇關於flutter配置環境的教程,在這里對於flutter的神奇之處我就不做過多介紹了,直接發車:

 

首先你的環境要滿足這些基本條件:

  1.win7 sp1或者更高版本(64位)
  2.400mb (不包含ide/工具的磁盤空間)
  3.android sdtudio 3.0或者更高的版本
  4.Android 4.1或者更高的版本

教程中需要的一些安裝包什么的在這里我就不做過多解釋了,百度是個好東西,如果大家找不到安裝包的話可以私聊我或者給我留言找我要,我q號是291678978,話不多說准備起飛~

 

一、安裝java的jdk

1. 安裝java的jdk,去oracle網站下載就ok,或者百度jdk下載,點擊我同意,下載個jsdk8u192那個,下載windows x64那個
2. 下載好以后,雙擊打開,點擊下一步,最好別裝C盤,可以裝到D盤根目錄下,安裝,中間會跳出來讓你安裝一個jre,直接安裝到你剛才目錄下,新建個文件夾安裝進去,文件夾名字可以叫做jre
3. 打開D盤根目錄看看你的東西,進入jdk這個文件夾里面,

 

復制路徑,給它配個環境變量,在系統變量新建一個,變量名:JAVA_HOME,變量值就是你剛才拷貝的文件目錄的路徑

  

 

二、flutter的安裝

1. 把那個壓縮包解壓,它會自動弄完,並且會生成一個flutter文件夾,進入flutter的bi件夾里面,去配個環境變量,這個直接加到系統變量的Path里就ok
2. 隨便創建一個文件夾,在創建一個文件夾(在這里我直接取名叫flutter了),名字隨便取,給它拖到你的編譯器里,命令行輸入flutter看看有沒有安裝成功,然后flutter doctor來檢測錯誤,這個時候他會給你報一些依賴沒有安裝,不要慌,我們一一解決:

 

 三、安裝android SDK

1. 安裝你的Android SDK,他會自動檢測你的java文件目錄,你可以把這個adndroid-sdk安裝到你的D盤目錄里面可以創建一個Android文件夾給它扔進去
2. 配置adndroid-sdk的環境變量,新建,變量名:ANDROID_HOME,變量值:你剛才復制的目錄

 

 四、安裝android-studio

1. 然后就可以開始安裝你的android-studio,然后回來繼續點擊它,裝到D盤的Android里面,下一步下一步下一步(不要剎車什么都不用點,一直下一步就行),打開安裝

2.安裝后之后會彈出來一個完成安裝的框,就選擇默認的Do not import settings就可以,點擊ok

3.同時這個時候,你可以繼續在你的編譯器里再重新輸一次flutter doctor,他會提示你哪些插件沒安裝,我們在android studio中安裝需要的插件即可
4. 然后彈出來一個Android Studio First Run的框,選擇cancel,過程中你需要科學上網(在這里如何科學上網我就不做太多解釋了),點擊點擊點擊,下一步下一步(照樣,不要剎車,什么都默認值,一路前進),安裝成功后你可以在你的android-studio\bin這個路徑下找到studio64.exe這個運行文件,雙擊打開即可,或者安裝后之后會直接彈出開始界面

5. 點擊Configure->plugins,安裝你的flutter報錯需要安裝的插件

 

 

 

 6.假如你在安裝插件的過程中報了這個錯誤,去設置里面把https改成http,設置在Configure里面的Settings,把圖中的Use secure connection選項划掉即可,點擊Apply->OK,注意插件安裝完畢后要重啟Android Studio才會成功

這個時候你再去運行一下flutter doctor,應該全部准備工作都已經完成了,接下來就是連接設備(距離成功越來越近了,穩住不要慌)

 五、拿出來你的安卓手機,開始調試

1. 打開你的開發者選項

2. 進入開發人員選項,打開USB調試

3.選擇USB配置,選擇為MIDI

5.期間注意會彈出來一個是否允許USB調試,點擊確定 

5.繼續執行flutter doctor,你會發現都已經划上對號了

  六、創建項目,准備起飛

1. 創建一個你的flutter項目,執行命令:flutter create 你的項目名      

2. 進入你的項目文件夾里面,也就是執行命令:cd 你的項目名

3. 運行你的項目,准備起飛!執行命令:flutter run    //注意,這個過程有點小小的漫長,畢竟第一次,有點耐心,靜靜等待即可:)

4. 期間手機會給你彈出來讓你安裝flutter,點擊繼續安裝即可

5.當你的編譯器命令行出現這些的時候,說明它已經執行到頭了,距離成功就只剩下你的一個點擊

6.這個時候你的手機上已經安裝后flutter了,你只需要用你的手指輕輕的點一下,恭喜你,起飛了~~~

 蘋果手機的寶寶們看這里:

蘋果手機的同學可以去下載個模擬器(一樣run的飛起),在這里我給大家推薦一款模擬器,叫雷電安卓模擬器,百度就可以搜到,

 


免責聲明!

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



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