我：想要一个任务系统！Trae：前端、后端、文档统统搞定，还给你开源，真是太贴心了！

我随便问了一句，它竟然……

事情是这样子的，我本来只是想试试手，做个简单的任务清单页面。

结果我打开了 Trae，随口问：“能帮我写个任务管理应用吗？”

你可能感兴趣：竟然被TRAE官方账号转载了！这3个经验，快来看看你也能用上！

没想到它立马就开始输出：

• 这是 Vue 前端页面
• 这是 Spring Boot 后端接口
• 这是 README 文档
• 再帮你上传到 GitHub 上吧！

我：哇塞，太厉害了！

Trae 是怎么帮我“从零开始”搞定项目的？

初步设计

我首先想试着让 Trae 帮我简单设计一下整个项目。

提示词：能帮我设计一个包含前后端的任务管理小项目吗？前端用 vue3，后端用 SpringBoot3

结果它给我整了个大方案，不仅把项目设计好，还写了份《项目实施计划》！关键是写得还挺像回事的，好像在跟领导汇报工作一样，结果我成了“领导”……

然后它就一直在输出，给你看看它都做了些什么，像下面这样的处理过程，还有很多。我就坐在那，看着它一步一步把项目搭起来！

等它这一波输出结束后，项目的雏形就出来了。我大致看了一眼，虽然还没完全写好，但已经很不错了。

毕竟我才给了一个提示，它能做到这样真的挺棒的。

接着我让它继续完善后端的代码，并且帮我把项目中的框架换成我更习惯的 Mybatis-Plus。

提示词：帮我重新生成整个项目的后端代码吧，感觉后端代码还差不少，而前端基本上写好了。你写的时候参考一下前端已经接入的那些 API，后端代码我想用 Mybatis-Plus 来替代 JPA。

对了，为了省去我安装数据库的麻烦，它生成的代码使用的是 H2 数据库。

我之前没用过这个东西，查了一下，发现根本不用安装，直接引入 Maven 依赖就可以用了。

真是让我感动，泪目！

调试阶段

经过两轮代码生成，我觉得差不多可以试着跑一跑，看看效果，然后再决定后续的优化。

后端项目顺利启动了，但前端项目出现了一点小问题：

不过这个问题很简单，我作为后端也能看出来是哪里出错了，它引入了一个不存在的页面。我直接把那段代码注释掉，再运行就没问题了。

我们可以直接用 Trae 自带的预览窗口来看样式，挺简洁的，也不算丑，作为个人使用的待办应用来说，还是可以接受的。

当我尝试着进行登录和注册时，bug 突然冒出来了。

我就想，不可能这么顺利，简单两句话就搞定项目，那真是要把我的饭碗给抢走了。

经过简单排查后，我发现问题主要出在后端代码上：

1. 服务器鉴权异常，无法获取用户数据。
2. 虽然用的是 H2 数据库，不需要安装，但也没建表！

在我和 Trae 进行了一番友好的交流后，它乖乖地帮我解决了这两个问题，解决过程还算顺利。具体聊天记录我就不多解释了，给大家看一下吧。

在建表的时候，它还顺便帮我修改了配置文件，让项目启动时自动创建数据表。

唯一的不足是，这个 H2 数据库加自动建表的方案在每次重启项目时会丢掉我之前创建的数据。

如果想要持久化，只需在配置文件中更改数据库配置，连接到自己的 MySQL 就可以了。

成果展示

解决了上面的几个 bug 后，项目基本可以使用，主流程已经能够跑通了。

经过我的测试，还是有一些交互上的问题：

• 首页的宽度与其他页面不一致，切换到其他页面时，页面宽度会变宽。
• 点击退出登录后不会返回登录页面，需要刷新才能看到。

下面给大家展示一下初步的成果。

当我添加完任务回到首页时，惊喜地发现居然还有任务时间线，这个设计还真不错。

Trae 通过 MCP 帮我把项目开源了

说明：最新版本的 Trae 支持 MCP，并且内置了 MCP 市场，可以快速添加第三方的 MCP 服务器，灵活调用 MCP 工具。

配置 MCP

既然代码都写好了，当然要给大家开源一下！正好 Trae 的 MCP 市场里已经接入了 GitHub，那我也来试试。

点击加号，添加 GitHub 的 MCP 服务器，这里需要授权一个 GitHub 个人访问令牌，点击带下划线的 here，会直接跳转到对应界面。

进入 GitHub 的令牌配置界面，点击生成新令牌，根据自己的需求选择令牌类型，按照提示操作就能拿到令牌了。

我建议直接生成一个 classic 类型的令牌，省事。如果你不放心的话，可以在 Trae 每次执行 MCP 调用时检查一下请求内容。

拿到令牌后填入 Trae 中，这样就配置完成了，非常方便。

一些灵感

接入成功后，它能帮我们做很多事情，比如创建仓库、创建分支、创建 PR、创建 issue、添加 issue 评论、修改文件、搜索代码等等，有了这些功能，AI 模型可以帮助我们做很多事情。

我随便举几个例子：

让 Trae 帮你解决问题，真是太方便了！

• 当我在浏览别人的代码时，发现了一些可能的 bug，直接问 Trae，它就能帮我核实一下，并自动提交一个 issue。
• 如果我想为开源项目贡献点代码，Trae 也能帮我找出那些尚未解决的 issue，然后解决问题，再提个 PR。

说实话，这个过程让我觉得挺有意思的。不过，关于它的实际效果，我也不是特别清楚，感兴趣的小伙伴可以试试看，然后在评论区分享一下心得。

发布项目

接下来，我们需要让 Trae 帮忙上传项目了。

提示：请帮我给项目取个时髦的名字，参考一下网络上流行的项目，然后把这个项目上传到 GitHub，创建一个开源仓库。

从聊天记录来看，Trae 先调用了 GitHub 的 MCP 服务，帮我创建了一个新仓库，然后又把代码提交上去，简直轻松得不要不要的，我忍不住叫好！

而且，它还把最关键的 push 操作留给我，真是让人有参与感，它真的太贴心了~

再去 GitHub 一看，效果不错，几乎和预想的一样，甚至还给我加上了 MIT 开源协议。

Trae 利用网络搜索优化项目

说明：最新版本的 Trae 支持 #Web 和 #Doc 两种上下文。#Web 允许联网搜索并自动提取网页内容；#Doc 则支持通过 URL 或上传文件创建文档集，最多可以处理 1000 个文件（50MB）。

之前我还留了一些交互上的 bug，现在就想让 Trae 再帮我解决一下。

我感觉前端页面的样式和交互体验有点不太好，而我对这方面也不太了解，毕竟我是个喜欢闲聊的后端。

所以，我决定让 Trae 展示一下它的 Web 搜索能力，参考网上流行的设计，帮我优化一下样式，顺便修复 bug。

结果还真不错。

Trae 参考了一些网络博客的内容，在浏览器兼容性和性能优化上做了一些调整。

修改之后，首页的样子变了，之前只有中间那一小部分有内容，现在整屏都被填满了，我提的两个 bug 也被修复了。

怎么说呢，和之前相比，确实好看多了，但还有进一步优化的空间。

（这是原来的首页 ↓ ）

其他功能

目前 Trae 的最新版本，除了我刚才提到的 MCP 和上下文能力增强外，还有一些其他实用的新功能：

• 规则系统：可以配置个人和项目的规则，以规范 AI 在项目中的行为。
• Agent 升级：支持通过 prompt 和 tools 自定义 Agent，内置 Builder Agent 和 Builder with MCP，支持自动运行模式，能够自动执行命令和调用工具，还支持配置命令黑名单。
• 统一的对话体验：将 Chat 与 Builder 面板合并，可以通过 @Builder 进入 Builder Agent 模式。

这些功能都很实用，由于篇幅有限，不能逐一演示，感兴趣的朋友可以自己去体验哦~

最后

能做到这些，我已经非常满意了，毕竟花的时间也不算多。唯一耗时的就是排队，希望以后能优化这块。

总体体验下来，我真的觉得很赞，现在的 AI 已经能几乎独立完成一个完整的项目了，未来几年会发展到什么程度，真让人期待。

各位朋友，时代在飞速发展，如果我们不跟上，可能连一粒沙子都能变成我们无法逾越的山。

最后，给大家附上开源地址，欢迎感兴趣的朋友去看看：https://github.com/stick-i/nexus-tasks

---

哦，对了，别忘了让 Trae 写个声明，要是有 bug，它来负责。