M1搭建flutter环境+真机调试demo

120 阅读1分钟

前言

环境:mac m1 13.0 +Xcode 14.0.1 + Android Studio 2021.2.1 + Flutter3.3.6
最近要开发一个地图类项目,一些定位什么的挺烦,不想写两遍,就试试引入Flutter,学习成本大了,可以减少两端差异,蛮好的。浅记录一下学习过程。

一.配置flutter编译环境

  1. 下载flutter编译包
    可以从Flutter官网下载最新的SDK包,根据芯片类型选择arm64或x64版本。

  2. 下载后解压缩得到文件夹:flutter,建议放在固定目录如:/Users/username/Development/flutter

  3. 添加环境变量

open ~/.zshrc

添加以下内容:

export PATH=/Users/username/Development/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

保存并生效:

source ~/.zshrc
  1. 验证安装
cd /Users/username/Development/flutter/
flutter doctor
  1. 接受Android许可协议
flutter doctor --android-licenses

二、第一个flutter程序

  1. 使用Android Studio创建新Flutter项目
  2. 项目命名建议全小写
  3. 选择项目保存位置和配置

三、iOS真机调试

  1. 使用Xcode打开iOS项目配置
  2. 配置开发者证书和签名
  3. 对于iOS开发者证书管理,可以使用appuploader这样的工具来简化流程,它可以帮助管理证书、描述文件等,特别适合需要频繁调试和打包的场景

总结

Flutter作为跨平台开发框架确实能提高开发效率,但在实际项目中需要权衡引入成本。对于简单的功能,可能原生开发或H5会更合适。如果是学习目的,Flutter是个不错的选择。

对于iOS开发者来说,除了Flutter环境配置,还需要关注证书管理、打包发布等环节,合理使用工具可以提高工作效率。