1. 程式人生 > >Flutter學習第一節

Flutter學習第一節

Windows下面初次使用flutter
首先,下載 Flutter,下載地址 https://flutter.io/docs/get-started/install/windows
解壓縮到c:\src\Flutter目錄下
設定環境變數path後面追加Flutter環境變數

第二步:在Android Studio 上面安裝Dart和Flutter外掛
在Android Studio 上面安裝Dart和Flutter外掛
重啟Android Studio
第三步:Test drive
這一步直接使用模板建立一個demo
在命令列末模式下:開啟一個cmd視窗
先執行flutter_console批處理名利, 開啟flutter控制檯 在這裡插入圖片描述
在E盤,E:\Flutter_Projects>路徑下,用命令flutter命令建立一個專案myapp 在這裡插入圖片描述


最後,執行myapp專案
在這裡插入圖片描述
執行出錯,使用flutter doctor工具來診斷
如圖Dotor found issues in 1 category,VS Code 為!狀態說明
繼續使用flutter doctor -v命令檢視詳情
在這裡插入圖片描述
沒有安裝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 學習