Flutter學習第一節
阿新 • • 發佈:2018-12-15
Windows下面初次使用flutter
首先,下載 Flutter,下載地址 https://flutter.io/docs/get-started/install/windows
解壓縮到c:\src\Flutter目錄下
設定環境變數path後面追加Flutter環境變數
第二步:在Android Studio 上面安裝Dart和Flutter外掛
重啟Android Studio
第三步:Test drive
這一步直接使用模板建立一個demo
在命令列末模式下:開啟一個cmd視窗
先執行flutter_console批處理名利, 開啟flutter控制檯
在E盤,E:\Flutter_Projects>路徑下,用命令flutter命令建立一個專案myapp
最後,執行myapp專案
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20181206184636198.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2R1dHlfaXNfY29kZWluZw==,size_16,color_FFFFFF,t_70)
執行出錯,使用flutter doctor工具來診斷
如圖Dotor found issues in 1 category,VS Code 為!狀態說明
繼續使用flutter doctor -v命令檢視詳情
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20181206185342931.png)
沒有安裝VS Code,提示去https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter 下載
安裝完成,之後再執行flutter doctor -v
on issues found!
現在使用flutter 命令開啟虛擬機器
最後執行flutter run開啟demo
執行失敗,坑,然後去 E:\Flutter_Projects\myapp\flutter_04.log檢視日誌
Flutter crash report; please file at https://github.com/flutter/flutter/issues. ## command flutter run ## exception ProcessException: ProcessException: Process "E:\Flutter_Projects\myapp\android\gradlew.bat" exited abnormally: Downloading https://services.gradle.org/distributions/gradle-4.10.2-all.zip
很容易看出,這是android部分gradle 版本的問題,直接把gradle-4.10.2-all.zip下載,下來放到本地
再次執行一次
另外在windows上
在system requirements
安裝git工具,和powershell5.0版本,
本機的powershell版本是2.0的,命令列顯示的文字有限亂碼哈哈!
關於Android Studio IDE環境開發Flutter,參考https://flutter.io/docs/development/tools/android-studio 學習