用Trae2小时写一个vercel MCP，让内置的Vercel部署功能用起来更爽(玩转100个MCP系列第六弹)

大家好呀，我是程序员夏叶，深度AI编程使用者，专注于分享AI编程方面的使用技巧、经验以及前沿资讯，有兴趣的可以关注我，一起学习，共同进步。

自从Trae 的SOLO模式内置了vercel部署工具以后，我也部署了一些项目上去，发现vercel真的挺强大，以我之前的markdown转小红书神器为例，完美解决了我以为会出问题的2个点：

支持项目构建，我的项目是vue框架项目，部署上去会自动构建
需要配置环境变量连接后端服务器，vercel居然还支持配置环境变量

但是这个过程中也有一些痛点，因为Trae是静默部署，无法对vercel上面的项目进行管理、查看部署情况，包括创建环境变量、修改环境变量等等，都需要切浏览器到vercel网站去手工查看。

这个时候我就想到了是不是可以开发一个Vercel mcp，让Trae通过这个mcp直接对Vercel上面的资源进行管理，没想到还真行。

看一下mcp的效果：

去vercel上面证实一下：

从截图可以看到，环境变量已经成功添加进去了，再一次证明，MCP真的神了，让AI有了更多的可能性。

Vercel MCP Server安装

github地址如下：

vercel-mcp-server

使用如下命令安装和构建：

bash 复制代码

git clone https://github.com/XiaYeAI/vercel-mcp-server
cd vercel-mcp-server
npm install
npm run build

Trae中配置vercel mcp

要配置Vercel MCP，首先需要获取一个Vercel的token，获取地址如下：

获取Token

在上述页面创建一个token，然后复制下来，后面备用。

在Trae的mcp页面选择手动添加，输入如下配置：

json 复制代码

{
  "mcpServers": {
    "vercel": {
      "command": "npx",
      "args": [
        "--yes",
        "--package=file:E:\GIT_CODE\mcp\vercel-mcp-server",
        "vercel-mcp-server"
      ],
      "env": {
        "VERCEL_TOKEN": "your_vercel_api_token_here"
      }
    }
  }
}

对于上述json，你需要做如下改动：

E:\GIT_CODE\mcp\vercel-mcp-server改为你自己的目录
your_vercel_api_token_here改为上面一步中复制下来的token

然后点击保存，等待出现绿色的勾，就说明配置成功了。

使用Vercel MCP

接下来同样的自定义一个智能体，来使用Vercel MCP。

然后在AI对话界面@vercel管理，先让它帮忙查所有部署的项目，比如我给出这样的提示词：

复制代码

请列出我所有已部署的项目，并提供每个项目最后一次部署的时间，对于时间请转换为北京时间，最后使用列表呈现

Trae很快就列出我所有的项目，如下：

再比如我想让它帮我列出某个项目的所有环境变量，如下：

这样的话，一些基础功能，我就不需要跳转到vercel网站去查看了。

有个建议，如果是pro用户，那么使用MCP的时候，尽量用Gemini-2.5-flash模型，因为用这个模型不消耗请求次数。

好了，今天的分享就到这里，如果对你有用，麻烦来个三连支持一下吧，这对我十分重要，万分感谢！