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的飛起),在這裡我給大家推薦一款模擬器,叫雷電安卓模擬器,百度就可以搜到,