网页浏览总次数

星期二, 八月 20, 2024

Flutter开源框架学习笔记1—— Flutter开发环境和真机调试环境配

Flutter 中文官网

https://flutter.cn/

Flutter showcase

https://flutter.dev/showcase

各种插件 工具 集合

https://github.com/Solido/awesome-flutter

 

环境

Java + android studio + git 环境

 

Java环境(网上随便查询一下就有)


 

 





安装Flutter SDK

官网下载地址

https://docs.flutter.dev/release/archive#windows

中文官网下载地址

https://docs.flutter.cn/release/archive/

解压sdk到指定目录

本文下载sdk版本flutter_windows_3.24.0-0.2.pre-beta


 






Flutter dart运行目录

F:\Flutter\flutter\bin(配置环境变量需要目录)


 


 






配置环境变量


 

 

 

 

 

 

 

 

 

 







Cmd中输入 flutter -h 查看是否正确安装flutter


 












Flutter --version 查看 flutterdart版本,表示都安装成功


 



配置一下国内镜像


 


 

 

 




 

 

运行flutter doctor 检查相关环境

对号表示没问题,X或者!表示需要处理


 










解决 cmdline-tools 组件未安装


 













License 输入提示的命令


 



提示需要jdk最低版本要17,需要升级,如果不升级可以选择

 cmdline-tools 安装version8以下的版本,因为16这个版本不支持jdk8(本机目前jdk8

 

输入flutter doctor --android-licenses 命令后全选yes


 



出现jdkandroid studio 不关联问题


 











可以把android studio升级到最近(本文从2022升级到2024,自动解决问题)

 


Android studio安装网站

https://developer.android.com

https://developer.android.com/studio?utm_source=android-studio&hl=zh-cn


 




Android studio 中安装flutterDart插件

 


 

 

 

 

 

 

 

 

 

 

 





创建flutter项目

Flutter sdk位置要设置好


 


 















项目名称小写

正式项目包名也注意 com.公司名.项目名 比较好

项目支持平台 学习可以只选Android,如果正式项目需要打包别的平台也勾选

创建成功界面


 








需要重新打开项目 才能运行

File-open


 
















第一次打开比较慢 会下载(最好挂梯子)


 


 






如果下载失败 可以从新


 


 

 

 

 


 

android studio 项目中sync project with gradle files 失败

直接去网页下载好 把压缩包放到指定位置 可以提前解压

C:\Users\user\.gradle\wrapper\dists


 






打开gradle scripts下的gradle-wrapper.properties点击右上角Try Again


 






可以下载安装gradle相关文件


 





Build成功


 









真机上 运行调试


 










为了兼容各种安卓手机 可以把常用sdk都安装(也可以不安装)


 

 









Cmd查看连接设备


 











Cmd 运行项目,进入flutter项目目录 执行 flutter run


 











执行 flutter run -d all 表示所有连接的设备都运行(一套代码 多终端运行测试)


 












没有评论:

发表评论