全干程序员，不写一句代码，Ai全搞定。cursor+devbox 轻松搞定网站

一、什么是sealos
Sealos 是一款基于 Kubernetes 的云操作系统，旨在简化云原生应用的部署和管理。它通过将 Kubernetes 与容器运行时、存储、网络等核心组件集成，为用户提供开箱即用的云原生环境。Sealos 特别适合需要快速搭建和管理 Kubernetes 集群的用户，尤其是在边缘计算、混合云和多云环境中。
网址：https://hzh.sealos.run/

二、什么是devbox
Devbox 是一个用于创建和管理开发环境的工具，旨在简化开发环境的配置和共享。它通过提供一个可重复、一致的环境，帮助开发者在不同机器和团队之间快速搭建相同的开发环境，从而避免“在我机器上能运行”的问题。Devbox 使用 Nix 包管理器来管理依赖，确保环境的可重复性和一致性。

三、什么是cursor
Cursor 是一款专为开发者设计的智能代码编辑器，内置 AI 辅助功能，旨在提升编程效率。Cursor 结合了传统 IDE 的功能和 AI 技术，帮助开发者更高效地编写、调试和优化代码，适用于多种编程场景。

四、如何创建数据库

根据你自己的需要选择数据库类型，参数默认就行。点击部署

状态变成“运行中”就可以。
点击又下角复制按钮，复制连接信息。

五、如何创建后台

点击“Devbox”

点击“创建项目”

给项目取名，并选择需要的语言或者框架。比如我例子里选择NodeJs=
然后把下面的端口号设置为3000
最后点击创建

等状态变成“运行中”
然后选择编译器，选择cursor，然后就会打开cursor客户端，并加载远程代码

使用ctrl+i，调出chat对话框，选择Agent模式，模型选择Claude 3.7

输入一下提示词，其中数据库的连接字符串需要你拷贝自己的替换。

点击查看后端提示词

请为我开发一个基于 Node.js 和Express 框架的 Todo List 后端项目。项目需要实现以下四个 RESTful API 接口：

1. 查询所有待办事项
    - 接口名: GET /api/get-todo
    - 功能: 从数据库的'list'集合中查询并返回所有待办事项
    - 参数: 无
    - 返回: 包含所有待办事项的数组
2. 添加新的待办事项
    - 接口名: POST /api/add-todo
    - 功能: 向'list'集合中添加新的待办事项
    - 参数:
    {
    "value": string, // 待办事项的具体内容
    "isCompleted": boolean // 是否完成，默认为 false
    }
    - 返回: 新添加的待办事项对象，包含自动生成的唯一 id
3. 更新待办事项状态
    - 接口名: POST /api/update-todo/
    - 功能: 根据 id 更新指定待办事项的完成状态（将 isCompleted 值取反）
    - 参数: id
    - 返回: 更新后的待办事项对象
4. 删除待办事项
    - 接口名: POST /api/del-todo/
    - 功能: 根据 id 删除指定的待办事项
    - 参数: id
    - 返回: 删除操作的结果状态

技术要求：

1. 使用 Express 框架构建 API
2. 使用 MongoDB 作为数据库，通过 Mongoose 进行数据操作
3. 实现适当的错误处理和输入验证
4. 使用异步/等待（async/await）语法处理异步操作
5. 遵循 RESTful API 设计原则
6. 添加基本的日志记录功能

### 这里数据库连接方式要填写！！！

以下是数据库连接方式：mongodb://root:v758r5gw@test-db-mongodb.ns-3j8wali1.svc:27017

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

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

然后回车。这时AI就可以工作，给我们建立环境，写代码。
其中有些需要执行的指令会等待开发者去点击执行。
按照它的提示一路就可以把所有功能写好。

写完后，输入提示词让它把服务跑起来。

如果有错误。直接把错误提示输入，让它帮忙解决bug

创建测试用例：
1、先找到后台服务的公网地址。打开Devbox，找到你的工程，点击详情，然后拷贝公网地址

2、然后输入提示词，让ai生成测试用例。

点击查看提示词

公网地址是 https://jqyayefnjycf.sealoshzh.site ， 为这几个接口生成测试用例，包含返回值

3、运行服务器，运行测试用例。

五，如何创建前台
1、我们打开Devbox，然后创建新项目，选择你熟悉的前端框架，比如这里选择vue，设置端口，比如3000，同时填写项目名称

选择创建，等待状态变为“运行中”，然后选择cursor，等待打开Cursor客户端

2、然后输入前端项目的提示词：

点击查看提示词

请为我开发一个基于 Vue 3 的Todo List 应用。要求如下：

1. 功能需求：
    - 添加新的待办事项
    - 标记待办事项为完成/未完成
    - 删除待办事项
    - 统计待办事项完成度
    - 过滤显示（全部/已完成/未完成）
2. UI/UX 设计要求：
    - 全屏响应式设计，适配不同设备
    - 拥有亮色模式和夜间模式
    - 现代化、简洁的界面风格
    - 丰富的色彩运用，但保持整体和谐
    - 流畅的交互动画，提升用户体验
    - 在按钮和需要的地方添加上图标
    - 参考灵感：结合苹果官网的设计美学

要求：

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

等它生成完成后，可以用npm run dev运行测试一下

可以继续跟它聊天，比如更换颜色，风格等。

3、与后端对接
输入提示词

点击查看对接提示词

下面是关于todolist的接口信息，请完成对接工作.

注意，把上面生成的测试用例粘贴到上面提示词后面。 然后完成对接。

六、如何上线。
1、上线前准备工作，

• 在前端项目中找到.sh结尾的文件，把其中的npm run start 修改为npm run dev
• 找到package.json，在dev的内容里面，加上“--host 0.0.0.0”
  2、然后在devbox的改项目中，点击发布版本
  
  然后按照提示做，最后发布版本。

3、后端项目的发布与前端的处理方式相同