Skip to content

02. 启动与交付:从 Hello World 到 APK

课时信息

📅 时间:8:50 - 9:35 🎯 目标:不仅要跑通代码,还要学会把 App 装进手机里

1. 为什么 Hello World 很重要?

环境配置是移动端开发的难点。用 AI 驱动的方式快速跑通 Hello World,意味着你已掌握 AI 协助开发的核心技能。更重要的是,我们要学会如何把劳动成果交付给用户

2. 路线 A: Flutter 全流程

2.1 AI 创建与运行

  1. 打开 AI 助手 (Cursor/Trae)。
  2. 指令: "创建 Flutter 项目 my_first_app,Material 3 风格。告诉我如何运行。"
  3. 运行: flutter run
  4. 体验 Hot Reload: 让 AI 改个颜色,Ctrl+S 即刻生效。

2.2 真机调试 (Real Device)

模拟器没有摄像头和 GPS,手感也不同。

  1. 手机设置: 开启“开发者模式” -> 开启“USB 调试”。
  2. 连接: USB 连上电脑。
  3. 运行: flutter run 选择你的真机。

2.3 打包 APK (Delivery)

Debug 包很大且慢。我们要给用户的是 Release 包

  1. 指令: "Flutter 如何打包 Android Release APK?"
  2. 执行: flutter build apk --release
  3. 产物: 位于 build/app/outputs/flutter-apk/app-release.apk
  4. 安装: 把这个文件发到手机微信,安装即可。

3. 路线 B: 小程序全流程

3.1 创建与修改

  1. 微信开发者工具: 新建项目 (不使用云开发)。
  2. AI 辅助: 让 AI 帮你写 WXML/WXSS,实时预览。

3.2 真机预览

  1. 点击工具栏的 预览 按钮。
  2. 使用微信 扫二维码
  3. 你的小程序就在微信里跑起来了!

3.3 上传与体验版

  1. 点击 上传 按钮。
  2. 登录 微信公众平台 -> 版本管理。
  3. 将其设为 体验版,生成的二维码可以发给任何人体验(需在后台添加体验成员)。

交付思维

从第一行代码开始,就要时刻准备着打包交付。不要等到最后才发现打不了包。

Made with vitepress by williamwong