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 检测目前还缺少哪些

相关推荐
白雪落青衣44 分钟前
buuoj course 1详细解析
android
恋猫de小郭1 小时前
Android 发布全新性能分析器,实用性和性能大升级
android·前端·flutter
右耳朵猫AI1 小时前
React技术周刊 2026年第16周
前端·react.js·前端框架
Kapaseker1 小时前
为什么 Java 的数组需要 new 出来
android·java·kotlin
黄林晴1 小时前
颠覆开发!Google AI Studio 一句话生成原生 Android App
android·google io
恋猫de小郭2 小时前
Flutter 3.44 发布啦,超级大版本更新!!!
android·flutter·ios
zb200641202 小时前
Laravel10.x重磅升级:新特性全解析
android
2601_957418802 小时前
深入解析Android相机有线连接:PTP与MTP协议栈实现原理与实践
android·数码相机·智能手机
张3蜂2 小时前
Flutter macOS 安装文档
flutter·macos
努力努力再努力wz2 小时前
【QT入门系列】QWidget 六大常用属性详解:windowOpacity、cursor、font、focus、toolTip 与 styleSheet
android·开发语言·数据结构·c++·qt·mysql·算法