vsCode開發flutter項目


使用vsCode開發flutter項目需要部署開發環境,安裝java SDK、flutter SDK、Android SDK,以下是我在部署環境時候遇到的問題,大家可以參考一下。有什么寫得不好的地方請大家多多包涵。

1.flutter項目需要依賴java,所以需要安裝java Sdk。

java安裝路徑:https://www.oracle.com/technetwork/java/javase/downloads/index.html ,安裝完成后需要在命令行中輸入javac驗證,若無法正常運行,則需要進行系統環境變量配置,若出現以下情況表示安裝成功。

系統環境變量配置參考:https://www.cnblogs.com/BillyYoung/p/10736984.html  

 

2.安裝flutter Sdk。

flutter sdk安裝路徑:https://flutter.dev/docs/development/tools/sdk/releases#windows  

下載壓縮包之后解壓到本地,並且配置系統環境變量后,在命令行中輸入flutter doctor ,若出現以下信息則表示安裝成功

flutter配置環境變量:在系統變量path中添加flutter解壓后的bin文件夾的路徑,如:E:\Flutter\flutter\bin

 

 

3.vsCode 安裝flutter插件,安裝flutter時會自動安裝Dart插件

 

4.安裝Android Studio ,主要是安裝Android studio Sdk 

Android studio 安裝連接:https://developer.android.google.cn/studio/ 

如果連接打不開,則需要 科 學上 網!!!

安裝過程中會彈出提示如下: ,

原因是第一次安裝,檢測到電腦沒有SDK。可以點擊Cancel,在后續的界面再安裝SDK,一定要記下sdk的安裝路徑。

安裝完成后:

1).首先要配置環境Android環境變量,否則虛擬機無法連接

系統環境變量中添加
ANDROID_HOME=C:\Users\{youruser}\AppData\Local\Android\Sdk 系統環境變量path中添加: $ANDROID_HOME$;$ANDROID_HOME$/tools;$ANDROID_HOME$/platform-tools

2).在Android studio編輯器里面安裝虛擬機,否則在vscode中啟動flutter項目的時候無法創建虛擬機

虛擬機安裝步驟如下圖:

 下載完成后按finish 然后再按finish,就可以完成虛擬機的安裝。

!!!如果出現以下圖片紅色方框里面的提示,則該電腦無法啟動虛擬機。

安裝完成后在命令行中輸入flutter doctor 檢驗skd是否安裝成功

 

 出現上圖中 Flutter plugin not installed; this adds Flutter specifice functionalty.報錯,是因為Android studio 編輯器沒有安裝flutter插件。

解決方法:

打開Android studio編輯器  file => Settings => Plugins  搜索flutter插件,然后安裝,安裝flutter插件時會自動安裝dart插件。

 

 出現上圖中 Android license status unknown報錯,則需要安裝安卓許可,在命令行中輸入 flutter doctor --android-licenses

 出現以上報錯是因為安裝的java sdk版本過高。

解決方法:安裝低版本sdk,安裝java8,重新安裝java8之后在終端中檢驗是否安裝成功

java8下載地址:http://www.downza.cn/soft/27438.html ,  https://www.jb51.net/softs/698365.html

安裝java8之后重新打開vscode,並且重新執行命令:flutter doctor --android-licenses

一直按y,然后回車, 直到步驟完成

安裝成功后再命令行中輸入 flutter doctor,若出現一下畫面,則說明flutter開發的環境已經搭建好了,可以創建flutter項目了

 開發環境部署好了,現在可以創建flutter項目了

1)創建一個文件夾flutter,拉到vsCode中打開,在編輯器中新建終端

2)輸入flutter create my_app,項目創建完成后就可以跑起來了

3)第一次跑的時候需要安裝一些依賴,需要等待一點時間

 

若是使用安卓模擬器創建項目,若是第一次則需要添加flutter SDK path,路徑就是flutter的安裝路徑 D:\Flutter\flutter_windows_v1.7.8+hotfix.4-stable\flutter

 


免責聲明!

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



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