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

相关推荐
全栈探索者12 小时前
从素材到成片:ffmpeg 拼接、转码与字幕,一条流水线交付
macos·ffmpeg·aigc·comfyui·视频剪辑
Liben14 小时前
Weex开发踩坑记录
android·前端·ios
向阳是我14 小时前
Mac 命令行获取 APK 公钥和证书 MD5 指纹
macos
season_zhu15 小时前
Skills For Real Engineers 系列之三:需求聊清楚了,怎么一步步走主流程,做到交付?
ios·ai编程
茶底世界之下16 小时前
窗边花瓶太暗?用 Awaking 看提亮室内的代价
ios
2501_9159090617 小时前
Windows 上用 VS Code 调试 iPhone 真机 App,KXBuild 断点、崩溃定位实操
ide·windows·vscode·ios·iphone·个人开发·敏捷流程
恋猫de小郭17 小时前
最近 Android 有什么更新:Android Dev Summit 2026 技术解读
android·前端·flutter
lpfasd12317 小时前
Ollama 还是 LM Studio:在 24GB 的 M6 Mac 上,我把 Ollama 卸载了
macos·策略模式
情 九17 小时前
MCP 开发环境搭建:Mac 与 Windows 跑通 Python 服务和 stdio 客户端
windows·python·macos·mcp
摘星编程17 小时前
Mac玩游戏选什么模拟器?MuMu Mac版体验:金铲铲165帧、明日方舟时停键,操作录制也上线了
macos·玩游戏·远程软件