1.Trae安装包下载。
进入Trae官网,点击download下载windows安装包,如图所示。
此外,使用mac的小伙伴可以点击图下方的see all download options,进入下图的页面下载mac版本的安装包。
2.安装流程。
下载完成后,点击安装包按照安装流程一步步进行即可,如图所示。注意,在安装完成后Trae会提示是否需要从vscode或者cursor导入自己之前的配置,建议之前用AI工具的可以在这里直接选择导入。
3.账号注册及登录。
这里可以使用github的账号直接进行注册登录,瑞国没有github的也可以使用QQ邮箱登录,实测QQ邮箱也可以注册Trae账号。注意,这里需要科学上网,Trae目前没有开放国区。
4.界面和语言设置。
点击文件-首选项-设置进入设置页面,可以修改编译器界面显示、语言以及配置导入等,如下图所示。
5.代码编写。
使用Trae的Builder模式,可以导入已有的项目或者直接输入需求从头创建一个新的项目框架,我是自己创建了一个react模板应用后直接让Trae针对现有需求进行代码重构,如下图所示。
Trae宣传的一大特性就是读图编码,因此我就直接放上了deepseek页面的截图让它仿照设计。注意,在与Trae交互的过程中,修改现有的问题最好少量多次,一个原因是目前B测免费,另一个原因是一次提多个问题它改的代码容易跑偏,如下图所示。
6.效果展示。
如下图所示,初始界面跟deepseek的不说是一模一样,也得说是毫无关系。总而言之,目前Trae宣传的读图写代码功能终究达不到宣传的效果。在后端交互方面,我是直接给了前端明确的交互接口,包括请求类型和参数类型(因为不给它写的经常联调崩掉)。此外,主体的后端代码我还是自己用SpringAI手写的,目前测试它写最新的SpringAI chat交互代码还是一堆bug,甚至幻觉很明显。希望Trae能继续优化,目前免费的claude3.5还是香的。