flutter環境配置

java環境安裝

作基於android的原生app,首先須要安裝java環境,須要到官網https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下載相應的安裝包,並進行安裝。html

下載後直接進行安裝就能夠了,安裝完成後,須要在終端中輸入命令進行安裝檢查:在終端中輸入java並回車,出現下圖中的結果,代表安裝成功了。java

安裝flutter

 1,下載flutter安裝包,因爲網速等其餘的問題,通常官網下載都超級慢的,網盤下載:點這裏。(提取碼:c0a6)android

2,在須要安裝的位置新建文件夾flutter(這裏選擇的是D盤根目錄下),而後移入下載的安裝包,選擇解壓到當前文件夾。oracle

3,在解壓的文件夾中,找到flutter_console.bat,雙擊運行。app

4,運行完成後,在當前目錄下打開終端,執行命令flutter -h測試

此時,已經安裝成功了。spa

 配置flutter環境變量

 1,此電腦(右擊)-- 屬性 -- 高級系統設置  -- 環境變量 --雙擊系統變量中的Path插件

2,在新出的彈窗中,點擊新建,輸入上面安裝的flutter文件夾下面的bin文件夾的目錄,而後點肯定。3d

 

3,從新啓動終端,執行命令flutter -h調試

 

此時,環境變量也配置成功了。

安裝android-sdk

1,下載安裝包,網盤下載:點這裏(提取碼:ayi6)

 2,在須要安裝的位置新建文件夾android(這裏選擇的是D盤根目錄下),而後移入下載的安裝包,選擇解壓到當前文件夾。

 3,雙擊SDK Manager.exe運行,在新的彈框中,勾選

 

 這裏建議Extras文件夾下面的選擇全選,而後點擊下載。

4,下載完成後,雙擊AVD Manager.exe運行,進行模擬器配置,這裏爲了後期使用方便,能夠配置多個不一樣類型的模擬器。

android-sdk環境變量配置

 1,此電腦(右擊)-- 屬性 -- 高級系統設置 -- 環境變量:添加用戶變量和系統變量

 

2,找到系統設置中的path,添加platform-toolstools

3,打開中終端,執行命令adb version:

 

此時,環境配置完成

Flutter doctor測試

 由於本身是兩次才安裝成功的,第一次是安裝在D盤,第二次是安裝在E盤,因此截圖可能有所差別。

待上面全部步驟完成後,打開終端,執行命令flutter doctor進行測試:

而後,繼續執行命令:flutter doctor --android-licenses。

此時會提示更新,須要複製提示更新命令執行更新操做,更新完成後,再次執行命令flutter doctor --android-licenses

仍是提示更新,此時,須要將Android ADK文件夾目錄下的tools更換名字爲tool,而後再次執行提示的更新語句,可是語句中的tools須要換爲tool

 

此時,須要再次執行命令flutter doctor --android-licenses

 

安裝完成

使用vscode開發flutter

1,安裝flutter插件

2,安裝完成後,重啓vscode,使用快捷鍵Ctrl + shift +p進入命令面板,選擇新建flutter項目

3,輸入項目名稱後,回車,選擇項目放置路徑。

4,點擊vscode右下角,選擇模擬器

5,選擇好模擬器後,執行命令flutter run就能夠了。

 後話:在有的電腦上面,在vscode中鏈接模擬器的時候,會報錯HAXM is not installed,須要額外下載HAXM並安裝,下載地址:點這裏

補充

有的時候,即便連上了真機進行調試,打開項目之後,在右下角,也沒有顯示模擬器信息,更沒有No Devices能夠點擊(還沒發現是什麼緣由),此時,可使用快捷鍵Ctrl + shift + p進入控制面板,搜索flutter:select devices就能夠了。

另外,也能夠自定義安裝模擬器,這裏推薦使用夜神模擬器,點擊安裝完成後,右擊桌面快捷鍵,選擇打開文件所在位置,而後複製:

使用cmd,打開命令提示符,切換到剛剛複製的模擬器所在位置,而後執行命令:nox_adb.exe connect 127.0.0.1:62001

就能夠在vscode中發現已經連上該模擬器了。

 

相關文章
相關標籤/搜索