Flutter学习第一节

版权声明:版权声明 https://blog.csdn.net/duty_is_codeing/article/details/84862633

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 学习

猜你喜欢

转载自blog.csdn.net/duty_is_codeing/article/details/84862633