Cursor+Devbox AI开发快速入门

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 接口：

1. 查询所有学生信息
   • 接口名: GET /api/stu/all
   • 功能: 从数据库的’list’集合中查询并返回所有学生
   • 参数: 无
   • 返回: 包含所有学生的列表
2. 添加新的学生信息
   • 接口名: POST /api/stu/add
   • 功能: 向’list’集合中添加新的学生信息
   • 参数: { “id”: int, // 学号 “name”: string // 姓名，“classroom”: string // 班级 }
   • 返回: 新添加的学生对象，包含自动生成的唯一 id
3. 更新学生信息
   • 接口名: POST /api/stu/update
   • 功能: 根据 id 更新学生信息
   • 参数: { “id”: int, // 学号 “name”: string // 姓名，“classroom”: string // 班级 }
   • 返回: 更新后的学生对象
4. 删除学生信息
   • 接口名: POST /api/stu/del
   • 功能: 根据 id 删除指定的学生
   • 参数: id
   • 返回: 删除操作的结果(true or false)

技术要求：

1. 使用 Gin 框架构建 API
2. 使用 MySQL 作为数据库，进行数据库操作
3. 实现异常处理
4. 遵循 RESTful API 设计原则
5. 添加基本的日志记录功能
6. 实现后端cors跨域配置

这里数据库连接方式改成自己的！！！

以下是数据库连接方式：xxx

1. 直接以当前目录作为项目根目。注意 此目录已经初始化完了go项目 直接修改即可
2. 如果需要执行命令，请暂停创建文件，让我先执行命令

为这个项目中的所有代码写上详细注释

此时就会生成整个项目代码,再根据需要进行代码调整即可运行

3.2 前端项目开发

3.2.1 前端提示词

前端创建项目类似：选择使用React框架进行代码初始化,对应提示词如下：

请为我开发一个基于 React 框架以及Ant Design组件库的学生信息管理系统。要求如下：

1. 功能需求：
   • 添加新的学生信息
   • 查看全部的学生信息
   • 删除某个指定的学生
   • 更新某个学生信息
2. UI/UX 设计要求：
   • 全屏响应式设计，适配不同设备
   • 拥有亮色模式和夜间模式
   • 现代化、简洁的界面风格
   • 丰富的色彩运用，但保持整体和谐
   • 流畅的交互动画，提升用户体验
   • 在按钮和需要的地方添加上图标
   • 参考灵感：结合苹果官网的设计美学

要求：

1. 直接以当前目录作为项目根目。注意 此目录已经初始化完了React项目结构 直接修改即可
2. 如果需要执行命令，请暂停创建文件，让我先执行命令
3. 请你根据我的需要，一步一步思考，给我开发这个项目。特别是UI部分 一定要足够美观和现代化
4. 前端需要适配以下的后端接口

查询所有学生信息

- 接口名: 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 平台还有其他的功能比如进行项目部署上线、定时任务等等。这些就靠大家自己摸索玩耍了！