用cursor代替bolt.new开发前端项目

bolt.new每月订阅费不少,token还贵。那么我们可以不可以使用cursor代替它来实现我们的想法呢?答案是可以的。

基本思路

Devbox解决部署问题

Vercel方案

该方案的核心在于通过 GitHub 作为中间桥梁,连接本地开发环境和 Vercel 的远程部署。
整个工作流程是:本地开发 → GitHub 同步 → Vercel 自动部署。

Devbox不需要github做同步,直接对接本地开发环境。
只需要进入 Sealos 桌面:https://hzh.sealos.run
然后打开 Debox 应用,创建一个新项目,选择 node.js 作为运行环境。

创建完环境后,选择本地开发的编辑器。

安装完插件后,可以看到我们直接能连远程环境了。

cursor对接supbase

将 Supabase MCP 集成到 Cursor 中只需几个简单步骤,下面是详细的操作指南

(1)创建 Supabase 个人访问令牌

登录 Supabase 控制台(https://app.supabase.com)
点击右上角的个人资料图标,选择”Account preferences”
在左侧菜单中选择”Access Tokens”
点击”Generate New Token”
给令牌起一个描述性的名称,例如”Cursor MCP Server”
点击”Generate”并复制生成的令牌(注意:令牌只会显示一次)

(2)在 Cursor 中配置 MCP

打开 Cursor 编辑器
在项目根目录创建.cursor文件夹(如果尚不存在)
在.cursor文件夹中创建mcp.json文件在
mcp.json文件中添加以下配置

1
2
3
4
5
6
7
8
9
10
11
12
13
{
  "mcpServers":{
    "supabase":{
      "command":"npx",
      "args":[
        "-y",
        "@supabase/mcp-server-supabase@latest",
        "--access-token",
        "<personal-access-token>"
      ]
    }
}
}

替换为你在前一步骤中创建的实际令牌
保存json文件

(3)验证连接

在 Cursor 中,打开设置
导航至 MCP 设置,确认 Supabase MCP 服务器已被识别并启用
如果服务器旁边显示绿色状态指示器,则表示连接成功