flutter環境配置


java環境安裝

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

下載后直接進行安裝就可以了,安裝完成后,需要在終端中輸入命令進行安裝檢查:在終端中輸入java並回車,出現下圖中的結果,表明安裝成功了。

安裝flutter

 1,下載flutter安裝包,由於網速等其他的問題,一般官網下載都超級慢的,網盤下載:點這里。(提取碼:c0a6)

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

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

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

此時,已經安裝成功了。

 配置flutter環境變量

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

2,在新出的彈窗中,點擊新建,輸入上面安裝的flutter文件夾下面的bin文件夾的目錄,然后點確定。

 

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中發現已經連上該模擬器了。

 

 


免責聲明!

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



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