Sealos Devbox 基础教程:使用 Cursor 从零开发一个代码猜古诗小游戏

给你一段代码,让你根据代码来猜对应的古诗词,你能猜对吗?

这不是玩笑,还真有人这么干 👇

这是一张在 1024 程序员节流传的代码猜诗句小游戏,相信很多程序员小朋友都看到过。

今天我们将用魔法打败魔法,通过 AI 来生成一个同款小游戏。

我们的目标是开发一个基于古诗词的猜谜游戏。在游戏中,AI 会将古诗词转换成对应的代码片段,玩家需要根据这些代码来猜测原始的诗句。这不仅能考验编程功底,还能温习经典诗词,可谓一举两得 (编不下去了~)

开发准备

要实现这个游戏,我们首先需要一个能够生成古诗词和对应代码片段的 API。如果你还没有合适的 API,不用担心,我们可以使用 Sealos 最近上线的 AI Proxy 服务。

AI Proxy 是一个强大的 OpenAI 接口管理和分发系统。它不仅支持通过标准的 OpenAI API 格式访问各类大模型 (包括智谱 ChatGLM、百度文心一言、讯飞星火认知、阿里通义千问、腾讯混元等),还完美集成了 Sealos 的账号和计费系统。这意味着你可以直接使用 Sealos 账号,无需额外注册就能开始使用这项服务。

要开始使用 AI Proxy,我们只需要简单几步:

  1. 首先登录 Sealos Cloud

  2. 在控制台中找到并打开 AI Proxy 服务。

  1. 在 AI Proxy 服务页面中,点击新建 API Key。系统会为你生成以下信息,请妥善保存,我们后续开发会用到:

项目初始化

对于项目初始化,我们可以借助 AI 工具来完成。目前市面上有多个优秀的 AI 编程助手可供选择,比如 Cursor、Windsurf、Bolt.new 和 v0 等。

为了颜值,我毫不犹豫地选择 Bolt.new 来初始化项目,毕竟它写的前端 UI 更好看。

让我们来看看具体的操作步骤。

首先进入 Bolt.new 官网

在这里,你既可以输入提示词来初始化你的项目,也可以在 “or start a blank app with your favorite stack” 下方选择你喜欢的技术栈,然后点击它。

我选择了 Next.js,进去之后,项目就初始化完成了。

<think>嗯,用户想用Sealos Devbox连接Cursor来构建一个考研自我监督系统。首先,我需要回忆一下之前关于SealosCursor的资料。根据引用[2],Devbox是远程的运行环境,类似Docker,已经配置好了IDE和网络,而本地代码通过Cursor辅助开发。引用[3]提到使用CursorDevbox进行全流程开发,包括创建代码结构、修改代码、运行服务等步骤。 用户的问题涉及如何连接这两个工具,并构建具体的应用。首先,可能需要指导用户如何设置Devbox环境,然后在Cursor中连接到这个环境。接着是开发系统的具体步骤,比如前端和后端的选择,数据库的设置,以及集成监督功能如学习时间统计、任务提醒等。 另外,引用[3]中提到使用CursorAI功能生成代码,比如用Command + K来修改代码或添加功能,这可能对用户有帮助。用户可能需要指导如何利用AI辅助生成部分代码结构,比如登录界面或数据库模型。 还需要考虑如何部署到Sealos,引用[3]中的CI/CD部分可能相关,但用户当前的问题主要是构建,可能部署是后续步骤。需要分步骤解释,从环境搭建到开发,再到测试和部署。 可能用户不熟悉DevboxCursor的具体操作,需要详细步骤,比如创建Devbox环境、获取SSH连接信息、在Cursor中配置远程开发环境等。同时,要确保代码在本地和远程环境中的同步,以及如何运行和测试服务。 监督系统的功能模块需要明确,比如用户管理、任务规划、进度跟踪、提醒功能,这些都需要前后端的配合。可能需要使用Go和Next.js,如引用[1]中提到的技术栈。数据库选择SQLite或PostgreSQL,根据用户需求决定。 最后,测试和部署部分需要指导用户如何通过Devbox一键部署,以及如何访问服务。可能还需要提到监控和日志功能,如引用[3]中的Prometheus和Grafana,但用户可能暂时不需要,不过可以作为高级功能建议。 总结步骤:环境准备→连接Cursor→项目创建→功能开发→测试部署。需要确保每个步骤清晰,并参考已有的引用内容,提供具体的命令和操作示例,比如使用cursor的快捷键,如何配置远程SSH等。</think>### 分步构建考研自我监督系统(Sealos Devbox + Cursor) #### 一、环境准备 1. **创建Devbox环境** ```bash # 在Sealos桌面打开终端 devbox init --template=nodejs-python-go # 基础环境包含前后端常用工具 devbox add postgresql redis # 添加数据库依赖 devbox run --background # 启动后台服务 ``` 此时会生成SSH连接信息和Web访问地址[^2] 2. **配置Cursor远程开发** - 打开Cursor > Settings > Remote Explorer - 添加SSH连接(使用Devbox提供的`ssh user@host -p port`信息) - 验证连接后,自动同步本地项目目录到Devbox环境[^3] #### 二、系统核心模块开发 1. **数据库模型(Go示例)** ```go // models/study_record.go type StudyTask struct { ID uint `gorm:"primaryKey"` UserID uint Subject string // 考研科目 Duration int // 学习分钟数 StartTime time.Time Status string // 进行中/已完成 } // 自动生成迁移脚本(通过Cursor Command+K输入"生成数据库迁移脚本") ``` 2. **学习监督功能(Next.js前端)** ```jsx // components/StudyTimer.tsx const Timer = () => { const [seconds, setSeconds] = useState(0); // 使用Cursor生成定时器逻辑(选中代码按Command+K输入"添加暂停/恢复功能") useEffect(() => { const interval = setInterval(() => { setSeconds(s => s + 1); }, 1000); return () => clearInterval(interval); }, []); return <div>已学习:{Math.floor(seconds/60)}分钟</div>; } ``` 3. **数据分析接口(Python示例)** ```python # analysis_api.py @app.get("/study_report") def generate_report(user_id: int): # 使用Cursor生成SQL查询(不选代码按Command+K输入"创建学习时长统计查询") total_hours = db.query(""" SELECT SUM(duration)/60 FROM study_tasks WHERE user_id = :user_id """, {"user_id": user_id}) return {"daily_avg": total_hours/30} ``` #### 三、关键集成步骤 1. **身份认证集成** ```bash devbox add auth0-cli # 添加身份认证工具 devbox services enable oauth2-proxy # 开启登录代理[^4] ``` 2. **监控看板配置** ```yaml # devbox.yaml 添加监控组件 services: prometheus: image: prom/prometheus ports: - 9090:9090 grafana: image: grafana/grafana ports: - 3000:3000 ``` #### 四、部署与测试 1. **一键运行** ```bash devbox build && devbox deploy --env=prod ``` 2. **访问系统** - 学习监督主界面:`https://your-devbox-url:3000/dashboard` - 管理后台:`https://your-devbox-url:8000/admin`
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值