这款最理解中文开发者的 AI IDE,免费白嫖 GPT4o,快来尝鲜体验吧 🥰🥰🥰

2,255 阅读3分钟

字节跳动旗下一款针对海外市场的 AI IDE 产品 Trae,今天正式上线了,同时还限时免费使用 Claude 3.5 和 GPT4o ,如果你感兴趣,快来尝鲜体验吧 官网地址

作为一名资深的 tab 工程师,我几乎每天都在和 cursor 和 chatgpt 这些 ai 工具打交道,但是他们好像都存在一个通病就是不太理解中文的意图,对于一些中文的 prompt 不太好处理。

这些模型在理解中文需求时表现已经相当不错,但偶尔也会因为语义的细微差异,生成的答案未必完全符合预期。

Trae 的出现,正好解决了这些痛点。作为一个支持中文语言的 IDE,无疑会大大提升国内用户的使用体验:

image.png

之所以打开官网的显示的是英文,但是他本来就是面向国外用户的,所以这个可以理解,希望能尽快支持中文吧,但是编辑器上使用的是中文的。

无论是界面语言的全面中文话,还是对代码注释等的友好支持,Trae 都让开发者感受到一种 "家" 的感觉。

Trae 同样集成了国外主流的大模型 Claude3.5 和 GPT-4O,为开发者提供了智能代码生成的逻辑和优化功能。

接下来我将结合我自己的体验,来分享一下 Trae 吧!!!

基本使用

这里就很简单的一个例子啦,就我们平时可能会遇到一些命令行忘记的情况下,最简单的方式就是直接问 Trae 了,如下所示:

image.png

这就给我们提供了很大的便利了,不在需要去网上搜索了,直接问 Trae 就完事了。

浏览器集成

Trae 还支持浏览器集成,在终端上启动项目的时候,它还会询问你是否需要开启浏览器,如果开启了即可直接在 Trae 中查看到具体效果怎么样了:

image.png

通过集成的方式,减少了在不同工具之间切换的麻烦,可以立即看到代码的更改结果,方便调试和优化。

修改 UI

我们作为一个前端的,最基本的就是切图了,这个时候我们就可以将我们已经写好的代码丢给 Trae 了,它会跟我们生成相对应需求的 ui 效果。

image.png

在上面的操作做我提供了要修改的代码和一些相关要修改的 prompt,然后 Trae 就会根据这些信息生成相对应的 ui 效果了。

现在的效果是修改了,但是效果还是不太好,我们再让他去优化一下:

cd36d1fbbf4b36cf8835727d672fdb5

image.png

现在这样我们就让他对我们的 ui 进行不断修改,最终效果如下图所示;

image.png

效果还是挺不错的。

我们还可以根据 ui 给的设计稿让他来给我们生成相对应的效果:

image.png

image.png

你可以看到最终生成的效果还是非常不错的。

刷算法

我们可能会经常去刷一下算法,例如在 leetcode 上,但是可能会遇到不懂的题,题解上面解答也不是很清楚,可能就懵懵懂懂的就过去了,有了 Trae 就方便很多了,例如我们要刷一道接雨水的题:

image.png

现在只要把题目丢给他,让他使用固定的语言进行解答就可以了,最终生成的代码执行效率还是很高的:

image.png

如果还是不懂的话,也可以让他给我们生成相对应的流程图和执行逻辑,如下所示:

image.png

image.png

image.png

这样,我们再也不用担心不会刷算法了。

总结

Trae 的出现,不仅仅是为了解决中文开发者的在使用上的不习惯问题,更从侧面上反映了不仅仅只有国外能做这种编辑器,我们国内也能做。

更多使用体验技巧,欢迎加我微信 yunmz777 与我一起探讨。