让Trae来试试大佬写的Vercel Mcp,轻松创建和管理Vercel项目

前言

如果你经常使用Vercel进行项目部署,你可能会遇到一些不便。

Vercel是一个强大的无服务器平台,支持快速部署和自动缩放,但它也有一些局限性。例如,Trae(假设是一个自动化部署工具或CI/CD平台)是静默部署的,这意味着你无法直接在Trae中查看Vercel上的项目状态、部署情况,以及环境变量的配置。

每次需要查看或修改环境变量时,你都必须切换到浏览器,登录Vercel网站,手动进行操作。这不仅浪费时间,还降低了工作效率。

这个时候就很浪费时间,所以有没有一款Mcp,这样我就可以在Trae里面进行提问,就可以知道我的项目以及相关的环境变量是怎么样的情况,在一天逛掘金的时候,无意间看到一个大佬的文章刚好可以解决我现在的痛点

痛点分析

1. 无法直接查看部署状态

  • 问题:在Trae中完成部署后,你无法直接看到Vercel上的部署是否成功,部署日志是什么样的。
  • 影响:你需要手动登录Vercel网站,查看部署详情,这增加了操作步骤和时间成本。

2. 环境变量管理不便

  • 问题:创建、修改或删除环境变量都需要在Vercel网站上手工操作。
  • 影响:每次修改环境变量都需要切换到浏览器,这不仅麻烦,还容易出错,尤其是在需要频繁调整配置的情况下。

3. 缺乏集成性

  • 问题:Trae和Vercel之间缺乏直接的集成。
  • 影响:你无法在一个平台上完成所有操作,需要在多个工具之间切换,这不仅降低了效率,还增加了出错的可能性。

首先是拉起大佬的mcp代码,然后执行一下打包构建命令

js 复制代码
git clone https://github.com/XiaYeAI/vercel-mcp-server 
cd vercel-mcp-server 
npm install 
npm run build

然后是去到vercel的account setting的tokens创建一个token,可以创建一个无限期的token,这样就可以一直用了 然后在Trae手动添加一个Mcp,具体如下 使用node,刚刚打包构建的index.js就可以使用上

js 复制代码
{
  "mcpServers": {
    "vercel": {
      "command": "node",
      "args": [
        "E:\\GIT_CODE\\mcp\\vercel-mcp-server\\dist\\index.js"
      ],
      "env": {
        "VERCEL_TOKEN": "your_vercel_api_token_here",
        "LOG_LEVEL": "info"
      }
    }
  }
}

然后在Trae里面创建一个智能体,用来提问Vercel,让他去获取对应的Vercel项目信息,以及创建环境变量等工作

最后就是开始提问vercel mcp,我是让他帮我的项目添加一个环境变量,等了几秒后,Trae帮我创建好了

然后我们来到vercel的官网,然后验证一下是不是真的添加成功,避免Vercel mcp出现幻觉,太强了,Vercel mcp他添加成功了

相关推荐
PBitW2 天前
PM 丢来 3 个 Excel、12 个功能、4 种情形?用 TRAE Work 30 分钟整理成前端开发文档
前端·trae
殷紫川2 天前
微信 + 支付宝账单一键对账:用 TRAE Work 5 分钟搞定月度家庭财务分析
ai编程·trae
豆包MarsCode2 天前
7 大热门 TraeWork 插件推荐(含提示词)
trae
盗道3 天前
用 TRAE Work 自动处理 Excel + 企业微信批量发送,再也不用一个个手动截图了
trae
fthux4 天前
招聘季实测:我用 TraeWork 搭了一套 AI 简历初筛系统
人工智能·ai编程·trae
anyup5 天前
迁移uni-app x,我是如何让 AI 把我一步步搞崩溃的...
前端·uni-app·trae
努力的小Qin6 天前
记录随手记、周报一键成:我如何用「工作日迹」终结周五的周报焦虑
ai编程·trae·vibecoding
kyriewen6 天前
前端切图仔被 AI 新闻淹死的第 N 天,我用 TRAE Work 定时任务救了自己
前端·人工智能·trae
Goboy10 天前
那份让我加班3天的竞品调研报告,我用 TRAE Work 4小时搞定了
ai编程·trae
吴彦祖北京分祖10 天前
72 分钟会议逐字稿,TRAE Work 3 分钟出了结构化纪要:我的会议纪要提效实战
trae