macOS + Xcode + Flutter + Android Studio开发第一个iOS的APP

0. 环境
Mac-mini新机,macOS操作系统版本11.2.3。CPU是Apple M1。

1. Apple ID
请自行 注册Apple ID。

2. Xcode
2.1 download
Developer.apple.com
10.58GB
下载后,用归档实用工具打开,会自动在本目录下解压出Xcode应用程序安装包。    

2.2 install
发现下载的xcode13beta不兼容当前的操作系统11.2.3    

3. 升级macOS
系统偏好设置 —> 检查升级
更新后,系统版本变为macOS 11.6    
发现双击xcode后,说需要安装某个应用程序。安装后这个31.58GB的庞然大物就是应用程序本体。


4. Flutter
参考网址:https://flutterchina.club/setup-macos/

4.1 下载flutter
https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#windows

4.2 移动flutter到文件夹
打开终端
 cd ~/
 mkdir development
 mv ~/Download/flutter ~/development/

4.3 添加环境变量
 export PATH=/Users/xxjianapple/development/flutter/bin:$PATH
 flutter doctor


永久添加环境变量(我到这里执行失败,每次需要执行4.3步骤)
 cd ~/
 vim .bash_profile
 点i后进入编辑模式,输入
 export PATH=/Users/xxjianapple/development/flutter/bin:$PATH
 Source ~/.bash_profile
教程中说如果是zsh模式下,终端启动时~/.bash_profile不会自动加载,需要修改~/.zshrc,在其中添加 source ~/.bash_profile


 flutter doctor
 可发现目前机子存在的问题Android studio 未安装,Xcode 的 CocoaPods未安装


5. Cocoa pods
 打开终端,输入sudo gem install cocoapods即可自动完成安装
参考:https://blog.csdn.net/chenglei9128/article/details/51394334


6. Android studio
6.1 install android studio
https://developer.android.google.cn/studio
可以下载 android studio 2020.3.1 for Mac,注意Mac mini是m1, 这里点Download后会选择intel chip or apple arm chip,我对应的是arm chip.
下载好android studio for macOS后,打开flutter doctor,还是有错误

6.2 android studio install flutter plugins
给android studio 添加flutter插件: android studio —> preference —> plugins 搜索flutter并安装    

6.3 flutter doctor提示的command line tools not found
打开android studio —> preference —> android sdk —> sdk tools —> Android SDK Command-line Tools(latest)
点应用会自行下载安装


6.4 flutter doctor 提示some android licenses not accepted
flutter doctor —android-licenses
输入y再回车确认就可以了
 


7. 模拟器
终端中输入open -a Simulator即会运行iOS模拟器


8. 创建第一个flutter应用
至此flutter doctor除了chrome未安装,其他都没问题了。可以尝试用android studio常见flutter应用
Android studio —> file —> new —> new flutter project
选择flutter,输入flutter sdk path: 我的路径是/User/xxjianapple/development/flutter
下一步输入工程名,我输入的工程名是flutter_hello_apple,记得勾选android 和 ios
Finish后自动生成了一个应用。而android studio 也识别到了iPhone 13(mobile这个模拟器),点run开始了xcode编译并在模拟器中自动运行了。

9. 小结

本文在Mac-mini中搭建了iOS的开发环境,基于Android Studio + Flutter + Xcode。可以在模拟器中运行APP了。 

但我手机不是iPhone。便宜点的iPad要等一下。

这半年来已经熟悉了Win10 + Flutter + Android Studio开发安卓应用,用Flutter可以很方便的开发兼容iOS和Android的应用,至少源码大部分都兼容。不过程序的发行、手机APP的安装这部分还是存在不同的机制的。

昨天拆的mac-mini,昨晚开始安装程序,这个Hello World还是挺高效率的,虽然Xcode和android studio占硬盘都不少……

你可能感兴趣的:(Flutter,ios,flutter)