我正在参加Trae「超级体验官」创意实践征文, 本文所使用的 Trae 免费下载链接: www.trae.ai/?utm_source...
前言
前言,本人已经用了快2年的copilot了,对于AI带来的效率提升深有感悟,但是一直没有试用近年很火的Cursor。近期看到Trae的发布视频,觉得是时候上手AI IDE了。
先说结论啊,下载试用完Trae之后,就一个字:快!咱先别说生成出来的能不能直接用,合不合需求啊,我觉得Trae的输出能达到这种水平的准确程度,已经很厉害了!
首先我们使用的是Trae的Builder模式,因为Chat模式已经烂大街了,我不想再测了。
项目实战
我们给的问题还是很实际的:
1. 给出一张图,让Trae生成一个管理系统
首先这是一个很笼统的需求啊,算不上什么好问题。Trae针对问题进行了任务分解,先是给出了技术栈:
可以看到整个项目(左侧)都是空的,Trae给出了React的技术栈,然后让我根据模版初始化项目。然后等待让我执行运行的操作。
2. 初始化项目
点完运行之后,Trae会执行该任务,然后将下一个任务抛给我进行查看/审批。从背后理解这一点,大概就是Agent在拆解完任务之后,一步一步的执行这些任务,有的任务是自动的,有的任务需要我们来批准或者进行反馈和调整。
这里比较惊艳我的一点是,Trae能够有一定的debug能力,他能识别到是我的Node版本过低导致npm run dev
失败,然后自动给出解决方案。NB!
3. 项目启动
项目在Trae的自动矫正之后成功启动,但是首页还是模板默认的页面。但是我知道他已经把路由这类的文件都生成出来了,只不过没有替换掉首页。
4. 辅助开发
这里的辅助是指我来辅助Trae开发,我引导其对首页进行了修改。
可以看到Trae意识到了有文件没更新,所以它即时的更新了这些文件,但是终端还是在报错,而且Trae并没有捕捉到这些错误,因为这个步骤不是执行命令,而是修改文件。我大概猜测Trae只有在执行命令的时候才会去分析终端的输出,其他步骤是没有监听终端的,导致我项目报错之后它没有任何反应。
然后我将终端的错误原因告诉了Trae,它能做出正确的一次成功的解决方案。这点很赞。
5. 最终效果
在上诉问题解决之后,我们能成功的预览项目了!但是样式有点问题哈
然后咱也是告诉它哪有问题,这里用内置的WebView预览我还以为会帮助Trae用多模态去匹配页面的输出,但是好像没有哈。
最后的效果和我给他的图从结构上来说是有90%的匹配度的,UI上就差很多,不过这也不是重点。重点是它输出的项目结构。
最后再看眼项目结构:
整个过程花了我12分钟,我还是第一次上手。这次测试的目的我就想看下我不敲代码它能做到什么程度,效果确实超乎想象哈,这输出结果肯定是能用的。
抛开模型来说这背后的工程方案让人称赞。后续再试用一下它的debug,codebase理解能力,和加feature的场景。