搭建此開發環境前確保已經完成了Flutter的基礎開發環境的搭建。
flutter channel master
flutter upgrade
flutter config --enable-web
在項目目錄下執行如下命令,重新初始化各端項目
flutter create .
Android studio
上述命令執行完成後,在Android studio的運行選項就會多出兩個選項,如下圖
選中Chrom(web)點擊運行即可自動打開一個web窗口預覽界面,如下圖
vsCode
點擊Debug=>Start Debugging即可
web打包運行如下命令即可:
flutter build web