macOS上搭建Flutter环境

最近开始负责flutter项目,于是开始从环境搭建到运行项目(主要发布到安卓侧)

电脑信息:Apple M1 Pro/16 GB/512G

环境配置

安装Flutter SDK

使用VSCode安装Flutter下载并安装Flutter两种方式,此处我使用的是直接下载的方式。(PS:官方更推荐使用VSCode方式)

下载时需要注意使用的版本是否有要求限制,因为项目特性,我只能下载3.13.4arm6的(国内下载可能需要科学上网~我这边就不赘述啦)。

安装环境,根据官方文档,存放在development文件夹下,将下载的安装包拷贝到文件下,并解压到当前文件下,会得到一个名为flutter的文件夹。在终端运行open ~/.zshenv打开文件。

安装配置Android Studio

根据提示安装软件。

然后在全局执行命令flutter doctor进行flutter的检查安装,下图仅安装了flutter-sdk和Android Studio(此时未配置setting)。 根据提示安装SDK工具,左上角【Setting】-【Language...】-【Android SDK】。(也可以通过命令行的方式进行安装~) 再次执行命令flutter doctor检查,得到如下图 根据提示,在全局执行命令flutter doctor -- android-licenses,最终则得到下图(即配置好了安卓环境)。由于本次主要还是安卓项目,后续则未研究Xcode。

运行第一个Flutter

Android Studio安装插件

创建项目

点击创建一个flutter项目,选择sdk的路径,然后设置项目文件夹路径和项目名称。 电脑连接Android真机设备(API 16 (Android 4.1)及更高的版本),打开USB调试。可以通过命令行flutter devices查看设备列表。选中设备后,点击运行,则会在真机生成一个包

真机运行如下所示,应用名称为first_try,默认的demo是计数器。

配置安卓开发

下载一个

flutter doctor 检测目前还缺少哪些

相关推荐
千里马学框架1 天前
一起学 Android 14:ShellTransition 屏幕旋转过程深度剖析
android·智能手机·性能优化·framework·性能·屏幕旋转·rotation
美狐美颜SDK开放平台1 天前
开发直播APP时如何接入视频美颜SDK?开发流程与注意事项
android·人工智能·计算机视觉·音视频·直播美颜sdk
AFinalStone1 天前
Android7 SystemUI源码解析(七)Keyguard锁屏模块深度解析
android·systemui
致远ccc1 天前
Google Play 上架前如何测试 App?多国家 Android 环境测试
android·app测试·googleplay·多国家应用测试
ttyyttemo1 天前
Kotlin 协程中的 Job 结构化并发与取消
android
sun0077001 天前
tbox 4g/5g切换,导致wan ip 改变,导致车机旧网络不可用。需要重启车机才行
android
其实防守也摸鱼1 天前
内网穿透与反向代理:原理、工具与实战指南
android·大数据·运维·安全·网络安全·自动化·渗透
AFinalStone1 天前
Android7 SystemUI 源码解析(四)NavigationBar 导航栏与 SystemBars
android·systemui
JMchen1 天前
属性动画原理与高级动画实现
android·kotlin·canvas
AFinalStone1 天前
Android7 SystemUI 源码解析(二)启动流程深度解析
android·systemui