02. 启动仪式：Hello World

课时信息

📅 时间：8:50 - 9:35 🎯 目标：跑通第一个 Mobile 应用，体验 Hot Reload 的爽快

1. 为什么 Hello World 很重要？

在移动端开发中，环境配置通常是最难的一关。如果你能把 Hello World 跑到了手机/模拟器上，你已经战胜了 80% 的困难。

2. 路线 A: Flutter Hello World

创建项目

打开终端 (或 VSCode 终端)：

flutter create my_first_app
cd my_first_app

运行

1. 启动 Android 模拟器 (或连接安卓真机)。
2. 运行命令：

   flutter run

3. 等待 Gradle 构建 (第一次非常慢，请耐心，或者检查镜像源配置)。

体验 Hot Reload (热重载)

1. 打开 lib/main.dart。
2. 找到 primarySwatch: Colors.blue，改为 Colors.red。
3. 按 Cmd+S 保存 (或者在终端通过按 r 键触发)。
4. 看屏幕：App 颜色瞬间变红，不需要重新安装。这就是 Flutter 开发快的原因。

---

3. 路线 B: 小程序 Hello World

创建项目

1. 打开 微信开发者工具。
2. 点击 + 号，选择 小程序。
3. AppID: 使用你注册的 ID (或选择“测试号”)。
4. 后端服务: 不使用云服务。
5. 模板: JavaScript / 基础模板。

修改代码

1. 打开 pages/index/index.wxml。
2. 修改 <text> 标签里的文字。
3. 保存 (Cmd+S)，左侧预览窗口立即刷新。

---

4. 常见报错 (Debug Time)

• Flutter 卡在 Running Gradle task 'assembleDebug':
  • 原因：正在下载 Gradle 依赖，网络慢。
  • 解法：确认配置了阿里的 Maven 镜像 (参见 01 课)。
• 小程序报错 "AppID 不合法":
  • 解法：检查是否复制了空格，或者直接点“测试号”。

任务

必须让你的模拟器/预览界面跑起来，才能进入下一节课！