MACOS 三日创造营 · 2026Day 1 · OpenCode 与挑战

DAY 1 · MEET YOUR AI PARTNER

和 AI 成为搭档

上午在 macOS 安装 OpenCode,安全连接 DeepSeek;下午用三张挑战卡做出自己的浏览器小游戏。

开始今天的课程↓
Day 1 · OpenCode 与挑战原创课程主插图
用 OpenCode 做出三个小游戏
DAY 010%0 / 15 步完成

跟着路线,一站一站来

从第一次启动,到三个游戏通关

每完成一步,就亲手打一个勾。切换日期或刷新后,进度仍会保留。
上午

安装、连接与第一次协作

01STEP

上午 · 认识新搭档

认识 OpenCode、模型和 API Key

◷ 约 8 分钟
OPENCode GUI 大图

先看界面,再开始操作

认识 OpenCode、模型和 API Key原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

OpenCode Desktop 像一位能操作项目文件和工具的编程搭档,DeepSeek 是它背后的思考引擎,API Key 则像成人保管的服务通行证。

01 学员操作

  1. 说出 OpenCode Desktop、DeepSeek 各自负责什么。
  2. 记住 API Key 不是聊天内容,也不是可以分享的课堂口令。
  3. 在访达中新建专用课堂文件夹,今天只在这里练习。
!

提示词和 OpenCode 读取的项目文件会发送给远程模型处理;不要放个人信息。

完成标准

你能画出“我 → OpenCode → DeepSeek”的关系,并知道 Key 由成人管理。

02STEP

上午 · 安装 GUI

从官网安装 OpenCode Desktop

◷ 约 10 分钟
OPENCode GUI 大图

先看界面,再开始操作

从官网安装 OpenCode Desktop原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

OpenCode 自己还没有安装,所以这是唯一不通过 OpenCode 完成的软件安装。

01 学员操作

  1. 打开官方 Download 页面。
  2. 在“关于本机”确认 Apple Silicon 或 Intel。
  3. 下载对应的 macOS 版本。
  4. 打开 .dmg,把 OpenCode 拖入“应用程序”。
  5. 第一次打开时按 macOS 当前安全提示操作,不关闭系统保护。
打开 OpenCode Desktop 官方下载页↗
!

只从官方网站下载,不使用群文件、网盘或第三方下载站。

遇到问题?展开排查 +
  • 不确定芯片:点击苹果菜单 → 关于本机,请老师确认。
  • 系统阻止打开:停止操作,请老师按当前 macOS 提示处理。
完成标准

“应用程序”中出现 OpenCode,并能正常打开欢迎界面。

03STEP

上午 · 第一次打开

认识 GUI 并打开课堂项目

◷ 约 8 分钟
OPENCode GUI 大图

先看界面,再开始操作

认识 GUI 并打开课堂项目原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

从现在开始,所有任务都从 OpenCode Desktop 的消息输入框发起。

01 学员操作

  1. 认识顶部主页、新建会话和会话标签。
  2. 找到左侧对话与工具记录、右侧审查和文件区域。
  3. 认识输入框旁的添加文件、模型和模型变体。
  4. 确认当前会话对应老师发放的课堂项目。
遇到问题?展开排查 +
  • 项目选错:回到主页或新建会话,重新选择老师指定文件夹。
  • 界面与图片不同:按功能名称寻找,不盲点陌生按钮。
完成标准

你能在真实 GUI 中指出会话标签、输入框、模型选择器和审查区。

04STEP

上午 · 安全护栏

学会看工具记录和审查区

◷ 约 8 分钟
OPENCode GUI 大图

先看界面,再开始操作

学会看工具记录和审查区原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

当前 Desktop 会把 Shell、写入等工具操作显示在对话中,并在右侧提供审查与文件区域。学生必须先读任务范围,完成后再检查变化。

01 学员操作

  1. 发送前确认会话标签和项目正确。
  2. 看到 Shell 或写入工具记录时,检查它是否只针对课堂项目。
  3. 完成后打开右侧“审查”,查看上一轮变更。
  4. 遇到 sudo、删除、覆盖或课堂目录外操作,立即停止并举手。
查看 OpenCode 权限说明↗
!

老师课前负责安全配置。不同版本是否弹出确认框可能不同,课程不假设存在固定的 Allow/Reject 按钮。

完成标准

你能指出一条工具记录,并在右侧找到本轮文件变化。

05STEP

上午 · 选择连接方式

选择 DeepSeek 连接分支

◷ 约 5 分钟
OPENCode GUI 大图

先看界面,再开始操作

选择 DeepSeek 连接分支原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

课堂网关和 DeepSeek 直连不是同一套步骤。默认使用老师预配置的限额课堂网关;只有成人明确安排时才使用设备专用 Key 直连。

01 学员操作

  1. 听老师宣布本班使用 A 直连还是 B 课堂网关。
  2. B 网关:只选择老师命名的课堂 Provider,不输入 DeepSeek 主 Key。
  3. A 直连:由成人准备每台设备独立、低额度、可撤销的 Key。
  4. 不要把两条路线混用。
!

禁止把共享 DeepSeek 主 Key 分发到学生设备。

完成标准

你能说出自己的连接分支,以及谁负责凭据。

06STEP

上午 · 连接模型

连接课堂 Provider

◷ 约 7 分钟
OPENCode GUI 大图

先看界面,再开始操作

连接课堂 Provider原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

课堂网关由老师课前配置;如需 DeepSeek 直连,也由成人在 OpenCode Desktop 的 Provider 设置中完成。

01 学员操作

  1. 网关模式:在模型选择器中找到老师命名的课堂 Provider。
  2. 直连模式:学生离开键盘,由成人打开 Provider 设置并选择 DeepSeek。
  3. 成人输入设备专用 Key,学生不观看、不展示、不截图。
  4. 出现错误时只告诉老师错误码,不展示 Key。
查看 OpenCode Provider 文档↗
!

学生不自行新增 Provider。401 是凭据问题,402 是余额问题,429 是请求过快,都交给成人处理。

完成标准

OpenCode Desktop 显示正确的课堂 Provider 或 DeepSeek 连接。

07STEP

上午 · 选择引擎

在 GUI 选择老师指定的模型

◷ 约 4 分钟
OPENCode GUI 大图

先看界面,再开始操作

在 GUI 选择老师指定的模型原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

模型会更新和下线,所以教程不写死名称。老师会从当天列表里选择支持工具调用的模型。

01 学员操作

  1. 打开 OpenCode Desktop 的模型选择器。
  2. 找到当前课堂 Provider。
  3. 选择老师写在投影上的模型。
  4. 把界面显示的模型名称与老师核对。
完成标准

GUI 显示老师当天指定且可用的模型。

08STEP

上午 · GUI 工具体检

让 OpenCode 检查 Homebrew

◷ 约 6 分钟
OPENCode GUI 大图

先看界面,再开始操作

让 OpenCode 检查 Homebrew原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

Homebrew 是 macOS 的软件工具箱。学生只负责让 OpenCode 检查;如果缺少,由老师接管 OpenCode Desktop 完成系统准备。

01 学员操作

  1. 在 OpenCode 消息框发送检查请求。
  2. 确认它先检查而不是直接安装。
  3. 已安装:记录版本号。
  4. 未安装:学生离开键盘,由老师在受控配置中处理,再恢复学生权限。
发给 OPENCODE · 发给 OpenCode
请先检查 Homebrew 是否已经安装,并返回版本号与路径。若未安装,只解释当前 macOS 需要的官方准备步骤并停止,等老师接管;不要使用 sudo,不要修改项目外文件。
!

Homebrew / Command Line Tools 可能涉及系统权限,不能由学生自行批准。

完成标准

OpenCode 返回 Homebrew 版本;或老师完成准备并恢复学生权限后再次验收成功。

09STEP

上午 · GUI 工具体检

让 OpenCode 检查 Git

◷ 约 5 分钟
OPENCode GUI 大图

先看界面,再开始操作

让 OpenCode 检查 Git原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

Git 是代码的时光机。先检查版本,缺少时由老师通过 OpenCode Desktop 准备系统工具。

01 学员操作

  1. 发送 Git 检查请求。
  2. 查看 OpenCode 的计划和结果。
  3. 已有 Git 就不重复安装。
  4. 缺少时停止,由老师接管;恢复学生权限后重新检查。
发给 OPENCODE · 发给 OpenCode
请只检查 Git 是否可用,返回 git --version 的结果。若缺少,请解释原因并停止,等老师在 OpenCode Desktop 中处理;不要使用 sudo,不要修改全局配置。
完成标准

OpenCode 显示 Git 版本号,没有更改全局身份配置。

10STEP

上午 · GUI 工具体检

让 OpenCode 检查 Node.js LTS

◷ 约 6 分钟
OPENCode GUI 大图

先看界面,再开始操作

让 OpenCode 检查 Node.js LTS原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

Node.js 是许多网页工具的运行环境。学生不改全局运行时,只让 OpenCode 检查。

01 学员操作

  1. 发送 Node.js 与 npm 检查请求。
  2. 核对是否为老师要求的 LTS 范围。
  3. 符合要求就不升级。
  4. 缺少或版本不合适时,由老师接管 OpenCode Desktop 处理。
发给 OPENCODE · 发给 OpenCode
请检查 Node.js 和 npm 是否可用,返回版本与路径,并判断是否符合老师指定的 LTS 范围。不要安装、升级或修改全局运行时;若不符合,只说明建议并等老师接管。
完成标准

OpenCode 返回 Node.js 与 npm 版本,老师确认符合课堂要求。

11STEP

上午 · 第一次协作

让 OpenCode 做一张测试卡片

◷ 约 10 分钟
OPENCode GUI 大图

先看界面,再开始操作

让 OpenCode 做一张测试卡片原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

普通聊天成功还不够,要验证 OpenCode 真的能在专用目录创建文件。

01 学员操作

  1. 把下面提示词发给 OpenCode。
  2. 阅读计划后,只批准一次所需的编辑。
  3. 打开 index.html 检查。
  4. 让 OpenCode 告诉你怎样在浏览器预览,不让它猜测危险命令。
发给 OPENCODE · 第一次任务
请在当前专用课堂目录创建一个 index.html,只做一张写有“你好,OpenCode!”的彩色欢迎卡。先列出计划,等我确认后再编辑;不要读取目录外文件,不运行删除或 sudo 命令。完成后告诉我怎样安全预览。
完成标准

浏览器能显示“你好,OpenCode!”欢迎卡。

下午

三个游戏挑战

12STEP

下午挑战 1 · 动物汉堡店

接单、配料、计分!

◷ 约 35 分钟
OPENCode GUI 大图

先看界面,再开始操作

接单、配料、计分!原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

你只拿到规则,不拿完整答案。让 OpenCode 先复述规则、列计划,再一小步一小步做。

01 学员操作

  1. 必做:随机动物订单、选择食材、提交判断、积分和重新开始。
  2. 正确订单加 1 分并出现下一单;漏料或多料不加分并提示错误。
  3. 重新开始后分数归零,仍能继续接单。
  4. 加分挑战:倒计时、连胜奖励或更多动物客人。
发给 OPENCODE · 起始提示词
我要制作“动物汉堡店”浏览器小游戏。请先复述玩法并把任务拆成小步骤,只完成第一步后停下来让我检查。不要一次给出完整答案。
完成标准

亲自完成一次正确订单、一次错误订单和一次重开验收。

13STEP

下午挑战 2 · 太空飞机

驾驶飞船穿过障碍

◷ 约 35 分钟
OPENCode GUI 大图

先看界面,再开始操作

驾驶飞船穿过障碍原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

这次提示更少。你要自己告诉 OpenCode 操作方式和游戏结束条件。

01 学员操作

  1. 必做:方向键移动、障碍物、碰撞结束、分数和重新开始。
  2. 飞机不能越出画面;躲过障碍后分数增长。
  3. 碰撞后停止计分;重新开始恢复初始位置和 0 分。
  4. 加分挑战:生命值、道具或难度递增。
发给 OPENCODE · 起始提示词
请和我一起规划“太空飞机”浏览器小游戏。先问我三个最重要的规则问题,再列分阶段计划;每完成一阶段就停下来等我验收。
完成标准

方向键、得分、碰撞结束和重新开始四项都通过。

14STEP

下午挑战 3 · 钻石对对碰

交换相邻钻石,连成三颗

◷ 约 35 分钟
OPENCode GUI 大图

先看界面,再开始操作

交换相邻钻石,连成三颗原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

这是今天最难的挑战,先把规则说准确,再让 OpenCode 实现。

01 学员操作

  1. 只允许交换上下左右相邻钻石;非相邻交换拒绝。
  2. 横向或纵向三颗以上才消除;斜线不算,无消除交换要换回。
  3. 消除后下落补位并计分;无可走步时自动重排。
  4. 初始和重置棋盘不能自带三连,并且至少有一个有效移动。
发给 OPENCODE · 起始提示词
我要制作“钻石对对碰”。请先把相邻交换、有效三连、无效换回、补位、无路重排和重置规则写成验收清单,等我确认后再开始第一阶段。不要一次生成完整游戏。
完成标准

有效交换会消除计分,无效交换会还原,重置得到可玩的 0 分棋盘。

15STEP

下午 · 今日通关

展示作品并复盘提示词

◷ 约 10 分钟
OPENCode GUI 大图

先看界面,再开始操作

展示作品并复盘提示词原创教学插图
原创课堂插图 · 用来理解本步概念
老师提示

用会话标签确认正在处理哪个项目。

依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化
老师讲

今天的重点不是三个游戏有多华丽,而是你能否清楚描述目标、分步检查并安全批准。

01 学员操作

  1. 选择一个游戏向同学演示。
  2. 说出一次你修改提示词后变好的地方。
  3. 检查项目中没有 Key、密码、真实姓名或个人照片。
  4. 关闭 OpenCode,通知老师课后撤销或轮换课堂凭据。
完成标准

你完成三个挑战验收,并能讲出一条安全使用 OpenCode 的规则。

JOURNEY COMPLETE

终点就在前面

0%

今天还有 15 步没有打勾。

进入 Day 2:个人主页与发布 →