1. 前言
今天无意间了解到 Cursor 和 Devbox 两大开发神器,初步尝试以后发现确实能够大幅度提升开发效率,特此想要整理成博客以供大家快速入门.
简单理解 Cursor 就是一款结合AI大模型的代码编辑器,你可以将自己的思路告诉AI,剩下的目录结构的搭建以及项目代码的实现均由AI帮你完成
Devbox 则是一款集成开发环境(各种开发语言)、测试、生产部署的云平台,在上面你可以快速创建你想要的数据库(MySQL、Redis、MongoDB),更重要的是你可以在上面初始化各种类型的项目(如SpringBoot、Django、React、Vue)并配合Cursor编辑器快速在本地完成开发
上图就是本人使用这两种工具没有独立编写过一行代码完成的项目,看到这里如果很感兴趣的话就来与我一起探索结合AI开发的神秘大门吧!
2. 安装使用方式
2.1 Cursor 安装
⭐ Cursor官方网站：https://www.cursor.com/
首先我们需要进入官网,然后点击DOWNLOAD FOR WINDOWS进行下载安装
Cursor是部分收费的,当然新用户注册有一定免费额度,这里给大家推荐一款无限邮邮箱:
⭐ 2925邮箱官网：https://www.2925.com/
登录成功即可使用Cursor进行本地开发了！
2.2 Sealos 使用
2.2.1 数据库配置
⭐ Sealos官方网站：https://hzh.sealos.run/
首先可以在 Sealos 应用平台中找到数据库应用，选择新建数据库即可进行自定义配置
创建完成后可以在详情左下角找到对应的数据库连接地址：(后续编写后端代码时需要用到)
3. 代码开发
3.1 后端项目开发
3.1.1 后端项目创建
首先可以在 Sealos 应用平台中找到devbox应用，选择新建项目即可进行自定义项目初始化
此处后端项目就选择go语言的Gin框架进行初始化,此处还要注意后端项目的启动端口号
在项目列表界面选择使用 Cursor 进行本地开发
3.1.2 后端提示词
使用快捷键CTRL+I显示AI代码编辑器,根据需要输入以下内容：
请为我开发一个基于 Go 和Gin 框架的 学生信息管理系统。学生要求包含字段有id学号,name姓名,classroom班级,项目需要实现以下四个 RESTful API 接口：
- 查询所有学生信息
- 接口名: GET /api/stu/all
- 功能: 从数据库的’list’集合中查询并返回所有学生
- 参数: 无
- 返回: 包含所有学生的列表
- 添加新的学生信息
- 接口名: POST /api/stu/add
- 功能: 向’list’集合中添加新的学生信息
- 参数: { “id”: int, // 学号 “name”: string // 姓名，“classroom”: string // 班级 }
- 返回: 新添加的学生对象，包含自动生成的唯一 id
- 更新学生信息
- 接口名: POST /api/stu/update
- 功能: 根据 id 更新学生信息
- 参数: { “id”: int, // 学号 “name”: string // 姓名，“classroom”: string // 班级 }
- 返回: 更新后的学生对象
- 删除学生信息
- 接口名: POST /api/stu/del
- 功能: 根据 id 删除指定的学生
- 参数: id
- 返回: 删除操作的结果(true or false)
技术要求：
- 使用 Gin 框架构建 API
- 使用 MySQL 作为数据库，进行数据库操作
- 实现异常处理
- 遵循 RESTful API 设计原则
- 添加基本的日志记录功能
- 实现后端cors跨域配置
这里数据库连接方式改成自己的！！！
以下是数据库连接方式：xxx
- 直接以当前目录作为项目根目。注意 此目录已经初始化完了go项目 直接修改即可
- 如果需要执行命令，请暂停创建文件，让我先执行命令
为这个项目中的所有代码写上详细注释
此时就会生成整个项目代码,再根据需要进行代码调整即可运行
3.2 前端项目开发
3.2.1 前端提示词
前端创建项目类似：选择使用React框架进行代码初始化,对应提示词如下：
请为我开发一个基于 React 框架以及Ant Design组件库的学生信息管理系统。要求如下：
- 功能需求：
- 添加新的学生信息
- 查看全部的学生信息
- 删除某个指定的学生
- 更新某个学生信息
- UI/UX 设计要求：
- 全屏响应式设计，适配不同设备
- 拥有亮色模式和夜间模式
- 现代化、简洁的界面风格
- 丰富的色彩运用，但保持整体和谐
- 流畅的交互动画，提升用户体验
- 在按钮和需要的地方添加上图标
- 参考灵感：结合苹果官网的设计美学
要求：
- 直接以当前目录作为项目根目。注意 此目录已经初始化完了React项目结构 直接修改即可
- 如果需要执行命令，请暂停创建文件，让我先执行命令
- 请你根据我的需要，一步一步思考，给我开发这个项目。特别是UI部分 一定要足够美观和现代化
- 前端需要适配以下的后端接口
查询所有学生信息
- 接口名: GET /api/stu/all
- 功能: 从数据库的'list'集合中查询并返回所有学生
- 参数: 无
- 返回: 包含所有学生的列表
添加新的学生信息
- 接口名: POST /api/stu/add
- 功能: 向'list'集合中添加新的学生信息
- 参数: { "id": int, // 学号 "name": string // 姓名，"classroom": string // 班级 }
- 返回: 新添加的学生对象，包含自动生成的唯一 id
更新学生信息
- 接口名: POST /api/stu/update
- 功能: 根据 id 更新学生信息
- 参数: { "id": int, // 学号 "name": string // 姓名，"classroom": string // 班级 }
- 返回: 更新后的学生对象
删除学生信息
- 接口名: POST /api/stu/del
- 功能: 根据 id 删除指定的学生
- 参数: id
- 返回: 删除操作的结果(true or false)
最后稍加调整修改就能将前端项目运行起来了
4. 总结
相信大家自己摸索过后一定能够正确使用 Cursor + devbox 工具了,作为程序员重要的就是编码的思想,当自己的思路与需求能够理顺之后,代码的实现只是时间问题.而 Cursor 极大的提升了开发效率。当然 Sealos 平台还有其他的功能比如进行项目部署上线、定时任务等等。这些就靠大家自己摸索玩耍了！
