前言最近,公司要求使用跨平台语言开发新的APP应用。 这几天,我比较了ReactNative和Flutter,最终决定进入坑。 今天刚配置了Flutter的开发环境,Flutter中文网也有相应的安装开发环境介绍。 这里主要站在安卓开发者的角度详细记录在MAC计算机上放置的步骤和邂逅
为了实现的目的,这个博客的目的很简单,它配备了Android模拟器和可以在IOS模拟器上运行的环境,可以看大图:
要求构建设备: Mac计算机系统: macosmajave 10.14.4如果需要开发JDK和环境变量(自行百度安装) IOS端APP应用程序,则必须使用Mac系统。 因为在MAC上只能打ipa安装包
构建步骤1,安装安卓studio 1,下载安卓studio
可以到中文社区下载最新版本的安卓studio。 有安装版和绿色版
2、配置安卓SDK
您可以到中文社区下载最新的SDK,然后访问Android Studio设置SDK路径设置;
SDK位置: androidstudio-preferences…-搜索“SDK”-找到Android SDK,如我的配置路径。
3、制作安卓模拟器
二、安卓studio下载闪存插件
我们已经下载了,所以没有安装按钮。 安装完成后,必须重新启动Android Studio;
三. Flutter SDK 1下载、镜像配置
由于国内对Flutter的访问可能受到限制,Flutter为中国开发人员正式构建了临时镜像
~ vi ~/.zshrc添加到编辑文件中
export pub _ hosted _ URL=https://pub.flutter-io.cnexportflutter _ storage _ base _ URL=https://storage.flutter-io
2、Flutter SDK在3359 github.com/flutter/flutter/releases下载正式版,或在https://github.com/flutter/flutter上最新开发clone
四.配置Flutter SDK Flutter SDK下载后,需要在Android Studio中配置Flutter SDK路径
五. flutter doctor诊断通过flutter doctor命令诊断flutter的完整环境是否正确
按照提示运行命令
/users/ailian/SDK/tools/sxdm/SDK manager ' platforms; 安卓- 28 ' '构建工具; 28.0.3 '
执行结束后请进行诊断
根据提示运行:
flutter doctor----安卓许可证
然后,在这次指令结束之前,坐y去
执行结束后,请进行flutter doctor
您可以按照以上步骤开发安卓版本的flutter APP,但如果要开发IOS版本的,则必须继续执行以下步骤6,Xcode安装,然后在App Store中搜索并下载Xcode
这里下载了xcode,所以会显示“打开”
七、安装IOS模拟器或同样用flutter doctor诊断一下
按照提示的顺序运行命令。
brew更新
brew install --HEAD usbmuxd
brew link usbmuxd
brew install-- headlibimobiledevice
brew install ideviceinstaller
浏览安装IOs-deploy
brew install cocoapods
pod设置
pod setup我们多次运行失败,但在百度上看到了解决方案,并进行了记录
pod setup失败的解决方案:原因:下载速度太慢,下载速度只有几k/s,容易失败
解决方案:
1、访问https://github.com/cocoa pods/specs.git网站克隆文件,默认文件夹名称为Specs-master,修改为master
2、将主文件夹复制到~/.cocoapods/repos路径
八、核实
我的电脑上安装了Intellij IDEA,没有配置Flutter插件,所以上面有两个错误,没有影响;
九、Demo跑1、打开安卓studio做Demo项目
2、打开IOS模拟器
3、打开安卓模拟器
4、选择在哪个模拟器上执行
看上面的两个模拟器可以选择。 一个是安卓,另一个是Ios的说明。 我们完成了上面的安装步骤。 选择模拟器运行就可以了。 我分别执行了:
OK,到此为止,用Mac电脑完成了Flutter开发环境,并且同时指出安卓版和IOS版的模拟器开发;