使用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