跳到主要内容

Windows 上构建 Flutter iOS App 并真机调试

在 Windows 上构建 iOS 端并真机调试,原生断点之外,Dart 断点和热重载也能用。

Flutter 工程在 Windows 上可以构建 iOS 端并真机调试。原生断点和 Dart 断点同时可用,热重载照常。iOS 端的构建和运行用 KXBuild 代替 flutter build ios 和 flutter run,其他 flutter 命令照常使用。

步骤

1

安装 Flutter 与 VS Code 扩展

按 Flutter 官网的说明安装 Flutter SDK,把 flutter 命令加入 PATH,新开一个终端能看到版本号即可。VS Code 扩展市场安装 Flutter 扩展,Dart 扩展会一起装上。

> flutter --version
2

新建

已有工程在 VS Code 中「文件 → 打开文件夹」打开 Flutter 工程根目录,或者把工程目录拖进 VS Code 即可。没有现成工程的,用 flutter create 或下面的方式新建。

以下两种做法任选其一

  • VS Code 插件

    命令面板运行 KXBuild: 新建项目,模板选「Flutter 应用」。

  • 命令行
    > kxbuild project create -t flutter_app -n myflutterapp -o D:\work
3

体检

第一次打开工程必须先做这一步。它会检查 Flutter 环境,并准备好 iOS 端的工程。

以下两种做法任选其一

工程里有需要 CocoaPods 的插件时,体检之后再在 ios 目录安装依赖,见 CocoaPods。没有这类插件的跳过。

ios> pod install
4

编码

Dart 代码的补全、跳转和错误提示由 Flutter 扩展提供,ios/ 下的 Swift、Objective-C 代码由 KXBuild 提供。

5

调试

USB 连接 iPhone,在 KXBuild 视图中选中设备,按 F5。先命中原生断点,App 启动后自动接上 Dart 调试,Dart 断点和热重载都能用。

6

发布

用 Release 配置构建,ios 目录下生成 build\Runner.ipa。上传到 App Store Connect 见发布与上架。

以下两种做法任选其一

  • VS Code 插件

    在 KXBuild 视图的「构建配置」节点切到 Release,命令面板运行 KXBuild: 构建。

  • 命令行
    > kxbuild build .\ios\Runner.xcworkspace -c Release

接下来

没找到你的工程类型?

kxbuild是通用编译工具,只要最终能产出 Xcode 工程,KXBuild 就能编。列出来的技术支持只是一些技术领域的应用,遇到问题随时联系我们