Flutter 环境搭建
环境macOS 15.4.1
Xcode Version 16.3 (16E140)
Visual Studio Code 1.99.3
Flutter 3.29.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision ea121f8859 (11 days ago) • 2025-04-11 19:10:07 +0000
Engine • revision cf56914b32
Tools • Dart 3.7.2 • DevTools 2.42.3
iPhone iOS(13.4.1)
iPhone iOS(18.0.1)
网络设置
网络原因对镜像做的一些处理
$ export PUB_HOSTED_URL="https://pub.flutter-io.cn"
$ export FLUTTER_STORAGE_BASE_URL="https://storage.flutter-io.cn"
下载后SDK镜像,我是放到/usr/local，所以在终端执行下面的代码
$ export PATH="/usr/local/flutter/bin:$PATH"
可以加到.zshrc/.bashrc里，这点看使用的shell环境
环境搭建
我的环境是macOS + iOS,所以选择了参考1的文档，下载了flutter_macos_3.29.3-stable.zip
https://i-blog.csdnimg.cn/img_convert/331abdbecaf90571de1819f4cd23f0d9.png
[*]Android 不支持目前是预期的
[*]Xcode发起升级,好吧,还要升级系统,贫困
文档中要WIFI调试,这点目前不关键,然后iPhone Xcode相干的设置文档中也已经详细的写了。
我紧张记载学习Flutter过程中遇到的题目和办理过程,而不是文档的copy
第一个Flutter步调
插件安装
IDE按教程推荐的使用VSCode，搜刮flutter && 安装插件
文档没有提到,所以按照flutter vscode环境搭建+vscode插件推荐 装了一些插件
https://i-blog.csdnimg.cn/img_convert/c2a58deaada8c78b9df7080a14a81447.png
创建Flutter工程
会报错,要设置Flutter的SDK路径,由于上面将Flutter放到了/usr/local/flutter，所以选择Locate SDK，在文件窗上把/usr/local/flutter/bin拖拽下,如许会自动跳到这个目次下
https://i-blog.csdnimg.cn/img_convert/d67bec54343365202cc13a46a9f03bb0.png
然后选择设置即可Flutter SDK ，注意是bin目次
https://i-blog.csdnimg.cn/img_convert/cd0c465272a1e6cfad0ecd35dd749db7.png
然后再次操作,成功创建Flutter工程
https://i-blog.csdnimg.cn/img_convert/d02ae17638d3145866c71f8fdfe5893e.png
每个平台都有一个目次
多平台运行
左侧工具栏切到Flutter选项,可以看到几个平台的图标,选择对应平台,然后再执行即可检察效果
选择Chrome
https://i-blog.csdnimg.cn/img_convert/936f85146aa92f989123f1630b24e34b.png
执行
https://i-blog.csdnimg.cn/img_convert/0bc15d46ba8c54506362d1f9b52d916a.png
表现效果
https://i-blog.csdnimg.cn/img_convert/adb4e01adb3893c121a79de8fa88232e.png
可以看出对应的效果入口是lib/main.dart
试试macOS
https://i-blog.csdnimg.cn/img_convert/8f9937d1fd5f4dedaf0d2183622dda00.png
选择iPhone(13.4.1)时报错了,看错误是证书题目,用Xcode打开Flutter里的Xcode工程
https://i-blog.csdnimg.cn/img_convert/41e42ec36ce385103b5c63bc51e074de.png
由于工程名是helloworld，创建出来的默认包名是com.example.helloworld,这个无法被自动注册
https://i-blog.csdnimg.cn/img_convert/543b0ea46c15bcd24b104e2ac3e9d310.png
https://i-blog.csdnimg.cn/img_convert/307b5f9c6b63fa425bdf97ee1540e210.png
重新运行，安装在手机上,但是还是报错了。
https://i-blog.csdnimg.cn/img_convert/d91ab969284ce67ca052d12be7c89eb7.jpeg
一开始我以为的是免费的开发者账号,所以被手机系统拦截了，需要信任。在手机上打开设置 > 通用 > 形貌文件 选择对应的账号并信任
再重新运行但是还是报相同的错误,使用Xcode工程如今是可以运行在手机上,所以题目应该是出在Flutter驱动Xcode的过程，由于跨平台。网上提到的几个方法
[*]flutter clean – 应该和在Xcode中清算一样
[*]版本题目: 升级Flutter，-- 我的Flutter和Xcode版本按目前的时间点都很新,应该是这个题目但没办法升级了
[*]手机上设置信任 – 这步我已经操作过了,Xcode能正常跑,VSCode上不可
换一台iPhone(18.0.1)试了一下，发现能跑起来,那应该是兼容的题目
装备系统XcodeVSCode + FlutteriOS 13.4.1✅❎iOS 18.0.1✅✅ 启动系统会弹2个告警的弹窗。idevicesyslog和iproxy。
https://i-blog.csdnimg.cn/img_convert/ece296f930f5bf68d4a9f35444a69515.png
https://i-blog.csdnimg.cn/img_convert/4cd1003d3ce30d715a3607364fb2a2c4.png
未信任iproxy无法正常运行，会一直等待,处理方法是把这两个工具参加到系统信任的白名单中
// flutter路径根据实际的情况进行修改,我这边是 /usr/local/flutter/
$ sudo xattr -d com.apple.quarantine /usr/local/flutter/bin/cache/artifacts/usbmuxd/iproxy
$ sudo xattr -d com.apple.quarantine /usr/local/flutter/bin/cache/artifacts/libimobiledevice/idevicesyslog
然后就正常运行了
https://i-blog.csdnimg.cn/img_convert/f95c7a05fc7755eaf47d63a77400e8c7.png
看对应的Xcode工程也在执行的状态,所以可以打开Xcode进行调试
体验与别的
[*]多平台都能运行很好,而且看工程也有原生的部分，对原来熟悉该平台的开发友爱
[*]操作上还是会遇到各自平台一些坑，特殊是移动端，flutter既然在上面加了一层，可以接受。
[*]涉及到原平台的部分还是在对应的IDE操作直观些
后期: 把Android也跑起来，然后学习flutter代码相干的
参考
[*]开始在 macOS 上构建 Flutter iOS 应用
[*]编写第一个 Flutter 应用
[*]flutter vscode环境搭建+vscode插件推荐
[*]Flutter真机运行提示 无法打开“iproxy”,由于无法验证开发者
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]