MACOS 三日创造营 · 2026Day 1 · OpenCode 与挑战
DAY 1 · MEET YOUR AI PARTNER
和 AI 成为搭档
上午在 macOS 安装 OpenCode,安全连接 DeepSeek;下午用三张挑战卡做出自己的浏览器小游戏。
开始今天的课程↓
用 OpenCode 做出三个小游戏跟着路线,一站一站来
从第一次启动,到三个游戏通关
每完成一步,就亲手打一个勾。切换日期或刷新后,进度仍会保留。01STEP
上午 · 认识新搭档
认识 OpenCode、模型和 API Key
◷ 约 8 分钟OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1认识 OpenCode、模型和 API Key
请先检查并解释“认识 OpenCode、模型和 API Key”需要做什么,列出计划后等我确认。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲OpenCode Desktop 像一位能操作项目文件和工具的编程搭档,DeepSeek 是它背后的思考引擎,API Key 则像成人保管的服务通行证。
01 学员操作
- 说出 OpenCode Desktop、DeepSeek 各自负责什么。
- 记住 API Key 不是聊天内容,也不是可以分享的课堂口令。
- 在访达中新建专用课堂文件夹,今天只在这里练习。
!提示词和 OpenCode 读取的项目文件会发送给远程模型处理;不要放个人信息。
02STEP
上午 · 安装 GUI
从官网安装 OpenCode Desktop
◷ 约 10 分钟OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1从官网安装 OpenCode Desktop
请先检查并解释“从官网安装 OpenCode Desktop”需要做什么,列出计划后等我确认。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲OpenCode 自己还没有安装,所以这是唯一不通过 OpenCode 完成的软件安装。
01 学员操作
- 打开官方 Download 页面。
- 在“关于本机”确认 Apple Silicon 或 Intel。
- 下载对应的 macOS 版本。
- 打开 .dmg,把 OpenCode 拖入“应用程序”。
- 第一次打开时按 macOS 当前安全提示操作,不关闭系统保护。
打开 OpenCode Desktop 官方下载页↗!只从官方网站下载,不使用群文件、网盘或第三方下载站。
遇到问题?展开排查 +
- 不确定芯片:点击苹果菜单 → 关于本机,请老师确认。
- 系统阻止打开:停止操作,请老师按当前 macOS 提示处理。
OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1认识 GUI 并打开课堂项目
请先检查并解释“认识 GUI 并打开课堂项目”需要做什么,列出计划后等我确认。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲从现在开始,所有任务都从 OpenCode Desktop 的消息输入框发起。
01 学员操作
- 认识顶部主页、新建会话和会话标签。
- 找到左侧对话与工具记录、右侧审查和文件区域。
- 认识输入框旁的添加文件、模型和模型变体。
- 确认当前会话对应老师发放的课堂项目。
遇到问题?展开排查 +
- 项目选错:回到主页或新建会话,重新选择老师指定文件夹。
- 界面与图片不同:按功能名称寻找,不盲点陌生按钮。
OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1学会看工具记录和审查区
请先检查并解释“学会看工具记录和审查区”需要做什么,列出计划后等我确认。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲当前 Desktop 会把 Shell、写入等工具操作显示在对话中,并在右侧提供审查与文件区域。学生必须先读任务范围,完成后再检查变化。
01 学员操作
- 发送前确认会话标签和项目正确。
- 看到 Shell 或写入工具记录时,检查它是否只针对课堂项目。
- 完成后打开右侧“审查”,查看上一轮变更。
- 遇到 sudo、删除、覆盖或课堂目录外操作,立即停止并举手。
查看 OpenCode 权限说明↗!老师课前负责安全配置。不同版本是否弹出确认框可能不同,课程不假设存在固定的 Allow/Reject 按钮。
05STEP
上午 · 选择连接方式
选择 DeepSeek 连接分支
◷ 约 5 分钟OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1选择 DeepSeek 连接分支
请先检查并解释“选择 DeepSeek 连接分支”需要做什么,列出计划后等我确认。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲课堂网关和 DeepSeek 直连不是同一套步骤。默认使用老师预配置的限额课堂网关;只有成人明确安排时才使用设备专用 Key 直连。
01 学员操作
- 听老师宣布本班使用 A 直连还是 B 课堂网关。
- B 网关:只选择老师命名的课堂 Provider,不输入 DeepSeek 主 Key。
- A 直连:由成人准备每台设备独立、低额度、可撤销的 Key。
- 不要把两条路线混用。
!禁止把共享 DeepSeek 主 Key 分发到学生设备。
OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1连接课堂 Provider
请先检查并解释“连接课堂 Provider”需要做什么,列出计划后等我确认。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲课堂网关由老师课前配置;如需 DeepSeek 直连,也由成人在 OpenCode Desktop 的 Provider 设置中完成。
01 学员操作
- 网关模式:在模型选择器中找到老师命名的课堂 Provider。
- 直连模式:学生离开键盘,由成人打开 Provider 设置并选择 DeepSeek。
- 成人输入设备专用 Key,学生不观看、不展示、不截图。
- 出现错误时只告诉老师错误码,不展示 Key。
查看 OpenCode Provider 文档↗!学生不自行新增 Provider。401 是凭据问题,402 是余额问题,429 是请求过快,都交给成人处理。
OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1在 GUI 选择老师指定的模型
请先检查并解释“在 GUI 选择老师指定的模型”需要做什么,列出计划后等我确认。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲模型会更新和下线,所以教程不写死名称。老师会从当天列表里选择支持工具调用的模型。
01 学员操作
- 打开 OpenCode Desktop 的模型选择器。
- 找到当前课堂 Provider。
- 选择老师写在投影上的模型。
- 把界面显示的模型名称与老师核对。
08STEP
上午 · GUI 工具体检
让 OpenCode 检查 Homebrew
◷ 约 6 分钟OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1让 OpenCode 检查 Homebrew
请先检查 Homebrew 是否已经安装,并返回版本号与路径。若未安装,只解释当前 macOS 需要的官方准备步骤并停止,等老师接管;不要使用 sudo,不要修改项目外文件。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲Homebrew 是 macOS 的软件工具箱。学生只负责让 OpenCode 检查;如果缺少,由老师接管 OpenCode Desktop 完成系统准备。
01 学员操作
- 在 OpenCode 消息框发送检查请求。
- 确认它先检查而不是直接安装。
- 已安装:记录版本号。
- 未安装:学生离开键盘,由老师在受控配置中处理,再恢复学生权限。
发给 OPENCODE · 发给 OpenCode
请先检查 Homebrew 是否已经安装,并返回版本号与路径。若未安装,只解释当前 macOS 需要的官方准备步骤并停止,等老师接管;不要使用 sudo,不要修改项目外文件。
!Homebrew / Command Line Tools 可能涉及系统权限,不能由学生自行批准。
09STEP
上午 · GUI 工具体检
让 OpenCode 检查 Git
◷ 约 5 分钟OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1让 OpenCode 检查 Git
请只检查 Git 是否可用,返回 git --version 的结果。若缺少,请解释原因并停止,等老师在 OpenCode Desktop 中处理;不要使用 sudo,不要修改全局配置。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲Git 是代码的时光机。先检查版本,缺少时由老师通过 OpenCode Desktop 准备系统工具。
01 学员操作
- 发送 Git 检查请求。
- 查看 OpenCode 的计划和结果。
- 已有 Git 就不重复安装。
- 缺少时停止,由老师接管;恢复学生权限后重新检查。
发给 OPENCODE · 发给 OpenCode
请只检查 Git 是否可用,返回 git --version 的结果。若缺少,请解释原因并停止,等老师在 OpenCode Desktop 中处理;不要使用 sudo,不要修改全局配置。
10STEP
上午 · GUI 工具体检
让 OpenCode 检查 Node.js LTS
◷ 约 6 分钟OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1让 OpenCode 检查 Node.js LTS
请检查 Node.js 和 npm 是否可用,返回版本与路径,并判断是否符合老师指定的 LTS 范围。不要安装、升级或修改全局运行时;若不符合,只说明建议并等老师接管。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲Node.js 是许多网页工具的运行环境。学生不改全局运行时,只让 OpenCode 检查。
01 学员操作
- 发送 Node.js 与 npm 检查请求。
- 核对是否为老师要求的 LTS 范围。
- 符合要求就不升级。
- 缺少或版本不合适时,由老师接管 OpenCode Desktop 处理。
发给 OPENCODE · 发给 OpenCode
请检查 Node.js 和 npm 是否可用,返回版本与路径,并判断是否符合老师指定的 LTS 范围。不要安装、升级或修改全局运行时;若不符合,只说明建议并等老师接管。
11STEP
上午 · 第一次协作
让 OpenCode 做一张测试卡片
◷ 约 10 分钟OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1让 OpenCode 做一张测试卡片
请在当前专用课堂目录创建一个 index.html,只做一张写有“你好,OpenCode!”的彩色欢迎卡。先列出计划,等我确认后再编辑;不要读取目录外文件,不运行删除或 sudo 命令。完成后告诉我怎样安全预览…
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲普通聊天成功还不够,要验证 OpenCode 真的能在专用目录创建文件。
01 学员操作
- 把下面提示词发给 OpenCode。
- 阅读计划后,只批准一次所需的编辑。
- 打开 index.html 检查。
- 让 OpenCode 告诉你怎样在浏览器预览,不让它猜测危险命令。
发给 OPENCODE · 第一次任务
请在当前专用课堂目录创建一个 index.html,只做一张写有“你好,OpenCode!”的彩色欢迎卡。先列出计划,等我确认后再编辑;不要读取目录外文件,不运行删除或 sudo 命令。完成后告诉我怎样安全预览。
OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1接单、配料、计分!
我要制作“动物汉堡店”浏览器小游戏。请先复述玩法并把任务拆成小步骤,只完成第一步后停下来让我检查。不要一次给出完整答案。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲你只拿到规则,不拿完整答案。让 OpenCode 先复述规则、列计划,再一小步一小步做。
01 学员操作
- 必做:随机动物订单、选择食材、提交判断、积分和重新开始。
- 正确订单加 1 分并出现下一单;漏料或多料不加分并提示错误。
- 重新开始后分数归零,仍能继续接单。
- 加分挑战:倒计时、连胜奖励或更多动物客人。
发给 OPENCODE · 起始提示词
我要制作“动物汉堡店”浏览器小游戏。请先复述玩法并把任务拆成小步骤,只完成第一步后停下来让我检查。不要一次给出完整答案。
OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1驾驶飞船穿过障碍
请和我一起规划“太空飞机”浏览器小游戏。先问我三个最重要的规则问题,再列分阶段计划;每完成一阶段就停下来等我验收。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲这次提示更少。你要自己告诉 OpenCode 操作方式和游戏结束条件。
01 学员操作
- 必做:方向键移动、障碍物、碰撞结束、分数和重新开始。
- 飞机不能越出画面;躲过障碍后分数增长。
- 碰撞后停止计分;重新开始恢复初始位置和 0 分。
- 加分挑战:生命值、道具或难度递增。
发给 OPENCODE · 起始提示词
请和我一起规划“太空飞机”浏览器小游戏。先问我三个最重要的规则问题,再列分阶段计划;每完成一阶段就停下来等我验收。
14STEP
下午挑战 3 · 钻石对对碰
交换相邻钻石,连成三颗
◷ 约 35 分钟OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1交换相邻钻石,连成三颗
我要制作“钻石对对碰”。请先把相邻交换、有效三连、无效换回、补位、无路重排和重置规则写成验收清单,等我确认后再开始第一阶段。不要一次生成完整游戏。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲这是今天最难的挑战,先把规则说准确,再让 OpenCode 实现。
01 学员操作
- 只允许交换上下左右相邻钻石;非相邻交换拒绝。
- 横向或纵向三颗以上才消除;斜线不算,无消除交换要换回。
- 消除后下落补位并计分;无可走步时自动重排。
- 初始和重置棋盘不能自带三连,并且至少有一个有效移动。
发给 OPENCODE · 起始提示词
我要制作“钻石对对碰”。请先把相邻交换、有效三连、无效换回、补位、无路重排和重置规则写成验收清单,等我确认后再开始第一阶段。不要一次生成完整游戏。
OPENCode GUI 大图
先看界面,再开始操作
原创课堂插图 · 用来理解本步概念⌂ 主页+ 新建会话课堂项目 ×OpenCode Desktop
DAY 1展示作品并复盘提示词
请先检查并解释“展示作品并复盘提示词”需要做什么,列出计划后等我确认。
Shell检查项目状态与所需工具
OpenCode已完成检查。请在右侧“审查”中核对本轮文件变化。
Ask anything, / for commands, @ for context…+ 添加图片和文件
老师提示用会话标签确认正在处理哪个项目。
依据当前 macOS OpenCode Desktop 界面绘制 · 版本更新后位置可能变化 老师讲今天的重点不是三个游戏有多华丽,而是你能否清楚描述目标、分步检查并安全批准。
01 学员操作
- 选择一个游戏向同学演示。
- 说出一次你修改提示词后变好的地方。
- 检查项目中没有 Key、密码、真实姓名或个人照片。
- 关闭 OpenCode,通知老师课后撤销或轮换课堂凭据。