Mac下flutter运行iOS模拟器

上篇flutter环境安装(Mac+vscode)已经将vscode和xcode等开发环境都搭建起来了,vscode新建工程还是比较方便的,那么,建立好了之后,我们怎么看效果呢?

  1. vscode新建项目

通过 vscode的命令命板(Go to View > Command Palette... Ctrl / Cmd + Shift + P) 来新建工程second_flutter

建好之后长这样:

  1. 通过xcode打开创建的工程 second_flutter

注意:这里打开的是: second_flutter目录下面的ios目录下面的 *.xcworkspace

  1. 经过上面的步骤,我们已经通过vscode和xcode两个东东 同时打开了flutter项目了。

这里,我们需要明确的是,flutter是开发跨平台的,如果开发ios的话,xcode内部才是真正包含运行 ios代码的模拟器的。也就是说:vscode用于编辑代码,编辑好的代码编译之后,实际上是运行在xcode的模拟器上。

那么,怎么启动xcode内部的模拟器呢?目测有两个方法:

(1)直接在xcode中点击运行;

(2)vscode中拉起xcode的模拟器

第(1)种方法太简单了,我们看看第(2)种

没错,xcode打开项目之后,vscode的右下角是可以选择ios的模拟器的。选择ios之后,就打开了模拟器了

  1. ios模拟器中运行项目:

在终端中,用命令行进入到second_flutter目录,然后运行 flutter doctor命令,就在模拟器中拉起了应用啦

  1. 热重载

那么,最后就是,我们如果改动了代码,该怎么 很方便看到效果呢,没错,就要用到热重载啦。

保存代码之后,直接在终端按一个r按键就好啦

以后,我们就能尽情地在mac写ios的小玩具啦,gogo

相关推荐
SoaringHeart14 分钟前
Flutter进阶:用OverlayEntry 实现所有弹窗效果
前端·flutter
for_ever_love__4 小时前
UI学习:多界面传值的正向传值(属性传值)和反向传值(代理传值)
学习·ui·ios·objective-c
开心就好20256 小时前
全面介绍iOS开发工具:Xcode、AppCode、CocoaPods、Fastlane和Git
后端·ios
懋学的前端攻城狮6 小时前
数据持久化与缓存策略:在离线与在线间架起桥梁
ios·swift
MonkeyKing7 小时前
Flutter约束模型(BoxConstraints)与布局体系完全解析
flutter
~央千澈~8 小时前
以cocos3.8.8开发的游戏为例商业实战项目举例cocos打包ios苹果安装包ipa完整详细教程-优雅草卓伊凡
ios
IntMainJhy8 小时前
Flutter 三方库 ImageCropper 图片裁剪鸿蒙化适配与实战指南(正方形+自定义比例全覆盖)
flutter·华为·harmonyos
IntMainJhy9 小时前
Flutter for OpenHarmony 第三方库六大核心模块整合实战全解|从图片处理、消息通知到加密存储、设备推送 一站式鸿蒙适配开发总结
flutter·华为·harmonyos
张风捷特烈9 小时前
状态管理大乱斗#02 | Bloc 源码全面评析
android·前端·flutter
IntMainJhy9 小时前
【fluttter for open harmony】Flutter 三方库适配实战:在 OpenHarmony 上实现图片压缩功能(附超详细踩坑记录)
flutter·华为·harmonyos