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

相关推荐
xiangxiongfly91521 小时前
Android LeakCanary源码分析
android·leakcanary
黄林晴21 小时前
紧急预警!Android 17 定位权限大改,你的 App 要适配了
android
西洼工作室21 小时前
react 地图找房模块
前端·react.js·前端框架
低保和光头哪个先来21 小时前
Axios 近期安全版本
开发语言·前端·javascript·前端框架
夏沫琅琊21 小时前
Android API 发送短信技术文档
android·kotlin
2501_9206276121 小时前
Flutter 框架跨平台鸿蒙开发 - 数学学习助手
学习·flutter·华为·harmonyos
fzil0011 天前
用 React 写 CLI 是什么体验?—— Ink 框架深度解析与实战
前端·react.js·前端框架
2501_920627611 天前
Flutter 框架跨平台鸿蒙开发 - 计算器增强版
flutter·华为·harmonyos
2501_920627611 天前
Flutter 框架跨平台鸿蒙开发 - 单词卡记忆
flutter·华为·harmonyos