Trae开发功能汇总及详细使用心得

目录

1.图生代码（比较适用于前端页面的生成）

1.1.简单的页面

1.2.复杂的页面（例如多个跳转或动画控件）

2.文生代码

---

1.图生代码（比较适用于前端页面的生成）

1.1.简单的页面

经过几天的实测，搭载claude3.7更新后简单的前端页面几乎能一模一样的还原（除了控件高度等需要自己微调）。建议自己画一张原型图后直接发送"你需要根据图片中的内容生成前端页面的代码，确保能够在微信小程序/网页中正常显示"。

1.2.复杂的页面（例如多个跳转或动画控件）

前置操作与1相同，但你需要在描述中添加自己的需求，太过复杂的情况下可以编写到readme文件中，并将1中的内容放在readme文件的第一行。例如登录页面:"该页面功能的后端接口url为xxx，输入参数为xxx，请求类型为xxx，返回值为xxx，你需要编写js文件实现与该后端接口的交互，并在返回状态码xxx弹窗xxx"。实测现在3.7能够自己补充很多页面细节了，比如密码隐藏、未定义页面弹窗等，总不是3.5的卖萌trae了。

2.文生代码

这就是ai工具都需要具备的功能了，简单的前端页面可以尝试直接使用图生代码功能，实测还挺好用，不过复杂些的更推荐文生代码。例如，将原型图发送给deepseek或gpt，让它根据原型图输出页面布局的描述，经过自己修改后将布局的内容放到readme文件中喂给trae。

后端代码的话目前尝试起来trae的上下文还是有局限，大量文件下很容易出现大量的连锁bug

因此建议可以先发送给它"你要完整的读完当前文件夹下的代码文件，梳理完成后解释当前项目架构，并将各模块功能写成readme文件"，避免乱改写功能模块。随后发送"我要在xxx模块添加xxx功能，你需要编写代码实现，注意，尽可能地减少现有代码的改动"，详细描述自己的需求。

但目前trae相比cursor agent模式的上下文记忆和代码知识库仍然有些差距，因此很难像cursor一样使用多个agent进行代码review，从而提升代码质量

不过对于一个B测的软件来说总有一段路要走，毕竟厂商神仙打架、用户得利嘛

无论是对个人开发者还是对想要分一杯羹的小白开发者，总都是提升开发能力的机会