我正在参加Trae「超级体验官」创意实践征文,本文所使用的 Trae 免费下载链接:www.trae.ai/?utm_source…
什么是 Trae
Trae 是字节跳动于2025年1月20日发布的一款AI驱动的集成开发环境(IDE)。这款工具集成了 Claude 3.5 Sonnet 和 GPT-4o 两大顶级AI模型,并且在发布时限时免费开放下载。「Ps:赶紧白嫖。」
Trae 的主要功能包括 Builder 模式和 Chat 模式,其中 Builder 模式帮助开发者从零开始构建项目,而 Chat 模式则支持开发者与AI进行代码库和编程问题的互动优化。Trae 还具备强大的代码生成能力,支持诸如代码预览、Webview 功能等多种实用功能。
具体内容请看官方文档:Trae - 文档
好用的功能
我是一个十年后端,写Java,Python行云流水,但是对于前端很抓马,经常会有一些想法,因为要写前端所以就没有去实现。
直到 AI出来之后,拯救了我。我始终认为,只要具备写代码的思路和逻辑,用什么语言知识语法不同罢了,以前学语法是一件麻烦的事情,但是有了AI,只要我提供思路和逻辑,AI来实现代码就行了。
因此我尝试了一系列的AI工具,从最早的GPT,Claude,然后是 Cursor,V0,Windsurf,到现在的 Trae。
根据我整体的使用来看,Trae 相对于其他的工具有很多的优点:
- 双模型驱动:底层采用OpenAI的GPT-4o与Anthropic的Claude-3.5-Sonnet模型
- 自然语言编程:支持通过自然语言指令实现代码生成、优化与调试
- 多模态交互:允许开发者上传图片辅助说明编程需求
- 双模式指令:提供聊天模式(Chat Mode)与构建模式(Builder Mode)两种AI交互方式
- 预览功能:直接在编辑器中预览,意味着很多的异常,IDE也可以看到,就可以自动调试。在实际的使用中,证明了这一点,每一次我指挥AI删除了大量文件,删错了(Token长度确实是现阶段的一大瓶颈),项目启动不起来,这个时候,我不需要一次次的询问,一点点根据报错修改,只需要用 Builder 模式让AI帮我运行项目就可以了,在这个过程中AI会根据异常不断的调整和修复,直到启动成功。
- 更好的中文支持。这个就不解释了。
Trae如何安装
访问 Trae - Ship Faster with Trae,点击"Download for MacOS" 按钮开始下载「或者 windows」。
下载完成后,在本地设备安装应用并按照屏幕指引操作。由于Trae基于VS Code构建,安装过程中可选择导入现有Cursor或VS Code的配置设置。
要启用AI功能需注册账号并登录。成功登录后,用户将看到如下界面:
至此即可开始创建应用。
下面是 Trae 的两种模式。
聊天模式适用于实时编码场景,而构建模式专为自动化项目创建设计。Trae还具备分析完整项目代码库(而非单个文件)的能力,这在同类工具中较为罕见。
实战演示:构建聊天机器人应用
我们可以通过创建NextJS聊天机器人来测试Trae的实际表现:
提示:create a simple chatbot app based on nextjs
系统默认使用Claude 3.5 Sonnet模型生成代码文件。代码生成速度与Cursor AI相当,完成文件创建后点击Webview即可运行NextJS应用。
虽然界面较为基础,但Trae通过单条指令即可完成从零构建到应用运行的全流程,展现了其高效性。
如果说代码提示工具是火铳的话。那么Cursor就是步枪。而Trae,是自动步枪。
多模态支持
Trae的多模态交互能力是其核心亮点。开发者可上传图片辅助说明需求,例如我上传Spotify界面截图并要求AI基于Next.js框架进行复制:
提示:build a spotify clone using NextJS
最终效果如下:
尽管细节存在差异,但图标、主题与整体风格已接近原版。通过持续交互可逐步完善缺失组件,Webview功能支持在IDE内直接预览应用,无需切换浏览器。
总结
Trae展现了字节跳动拓展开发者工具的野心,其核心优势在于:
- ✓ 无限制免费AI功能
- ✓ 创新的多模态交互
- ✓ 熟悉的VS Code操作界面
Trae拥有巨大的发展潜力,尤其适合新手或想要实现自己创意的人「不需要太多的编程技术」。Bolt.new和V0.dev深受初学者的喜爱,因为它们能够读取图像并根据输入的图像直接复制应用程序或网站。
多模态支持是我希望在未来得到进一步扩展的功能,或许能够增强图像识别能力,并实现更精细的复制。目前这个功能已经相当不错,但还未达到颠覆性的程度。