02. 启动与交付:从 Hello World 到 APK
课时信息
📅 时间:8:50 - 9:35 🎯 目标:不仅要跑通代码,还要学会把 App 装进手机里
1. 为什么 Hello World 很重要?
环境配置是移动端开发的难点。用 AI 驱动的方式快速跑通 Hello World,意味着你已掌握 AI 协助开发的核心技能。更重要的是,我们要学会如何把劳动成果交付给用户。
2. 路线 A: Flutter 全流程
2.1 AI 创建与运行
- 打开 AI 助手 (Cursor/Trae)。
- 指令: "创建 Flutter 项目
my_first_app,Material 3 风格。告诉我如何运行。" - 运行:
flutter run。 - 体验 Hot Reload: 让 AI 改个颜色,Ctrl+S 即刻生效。
2.2 真机调试 (Real Device)
模拟器没有摄像头和 GPS,手感也不同。
- 手机设置: 开启“开发者模式” -> 开启“USB 调试”。
- 连接: USB 连上电脑。
- 运行:
flutter run选择你的真机。
2.3 打包 APK (Delivery)
Debug 包很大且慢。我们要给用户的是 Release 包。
- 指令: "Flutter 如何打包 Android Release APK?"
- 执行:
flutter build apk --release。 - 产物: 位于
build/app/outputs/flutter-apk/app-release.apk。 - 安装: 把这个文件发到手机微信,安装即可。
3. 路线 B: 小程序全流程
3.1 创建与修改
- 微信开发者工具: 新建项目 (不使用云开发)。
- AI 辅助: 让 AI 帮你写 WXML/WXSS,实时预览。
3.2 真机预览
- 点击工具栏的 预览 按钮。
- 使用微信 扫二维码。
- 你的小程序就在微信里跑起来了!
3.3 上传与体验版
- 点击 上传 按钮。
- 登录 微信公众平台 -> 版本管理。
- 将其设为 体验版,生成的二维码可以发给任何人体验(需在后台添加体验成员)。
交付思维
从第一行代码开始,就要时刻准备着打包交付。不要等到最后才发现打不了包。