Vibe Coding 和 MCP 都是最近特别流行的概念。

Vibe Coding,氛围编程,是代码生成的言出法随,想要什么功,就让AI写出审美代码。

MCP,大模型上下文协议,是工具调用的言出法随,需要什么工具就把叫它过来一起干活。

而如果把两者结合,会碰撞出怎样的火花?

先来看一段录屏,这是我花了十分钟写出来的一个探索大理的网页:

CleanShot 2025-04-22 at 07.30.30.mp4

设计、开发、生成配图、添加动效,全部都是用我指挥 AI 用内置的智能体+MCP 完成,自己一行代码不用写,一行提示词都不用写。

这两天,Trae 的新版更新了一堆新功能,支持了强大的自定义智能体和 MCP,同时还支持了自定义规则和网页浏览功能,变得非常好用。

我就以 Trae 为例写了这份入门级教程,希望能带你进入这个言出法随的世界。

Trae 的下载和安装

Trae 是字节出品的 AI 编程工具,产品交互设计得非常好,用起来很简单,我们直接去官网下载

https://sourl.cn/5p7ePD

下载好之后,安装软件并启动就能用了。

我们看到新版已经支持了智能体和 MCP,这两个功能都非常实用,我们在后面会详细讲解。

另外 Trae 的国内版最近一个特别棒的更新是支持了添加自己的模型啦。编程方面最强的还是 Claude,我们这次也用它来实战。如果你用的是 Trae 的海外版,它已经自带了 Claude,开箱即用。

MCP 的初始配置