Trae 初体验:零代码也能从 0 到 1 开发应用

1,676 阅读3分钟

我正在参加Trae「超级体验官」创意实践征文,  本文所使用的 Trae 免费下载链接:  www.trae.ai/?utm_source…

Trae 是一款全新的智能协作AI IDE,目前支持 GPT-4o 和 Claude-3.5-Sonnet 两款 AI 模型,提供中文界面,支持 AI 问答或代码自动补全功能,还有 Builder 模式用户提问后,可以直接生成完整的项目代码,将极大提高开发效率。

无缝升级

Trae 从官网即可下载安装,目前仅提供 macOS 版本,Windows 版本将在近期上线,如果你之前是 VS Code/Cursor 等 IDE 的用户,Trae 支持从 VS Code/Cursor 等中一键导入 IDE 配置,包括插件、设置、快捷键配置等,基础功能和使用方式也完全相同,升级没有任何门槛。

image.png

初体验:零代码从 0 到 1

Trae 通过两种模式即 Builder 和 Chat,提供灵活的交互方式,Chat模式下可以通过对话框输入问题或需求,AI模型可随时提供代码建议和解决方案,Builder 模式下可直接构建整个项目,以 Builder 模式为例,首先我们需要打开一个文件夹,直接创建一个空白文件夹拖入 Trae 打开,点击右上角的“切换AI 侧栏”点击“Buider” 即可进入 Builder 模式。

image.png

这里我们以创建一个 Todo List 项目为例,在对话框中输入“用 Vue3 创建一个 Todo List 项目”按回车键,Trae 将自己开始思考整个项目的步骤,并逐一实现,对于关键步骤,你可以手动确认或运行,Trae 生成的代码你也可以审查后选择接收后拒绝,完成整个步骤,你就可以直接得到一个可以运行的完整项目。

未标题-1.gif

基于参考图片优化样式

除此之外,Trae 还提供了基于图片的理解能力,在 Todo List 的基础上,上传一张参考图片,并让 Trae 基于参考图片美化样式,Trae 也能轻松完成。

未标题-1.gif

完善的基础 AI 功能

除了 Builder 模式零代码从 0 到 1 开发一个项目,Trae 也提供了完善的基础 AI 功能,我们可以在 Chat 模式下直接使用 AI 大模型对话,选中代码后点击“添加到对话”或使用快捷键Cmd+U 添加到对话,然后输入你到问题发送给 AI 它随时可以帮你解答,另外在右下角可以切换 AI 模型,目前支持 GPT-4o 和 Claude-3.5-Sonnet 可以自由选择。

image.png

你也可以输入 # 号或点击左下角的 # 号图片,选择某个文件、文件夹甚至自己选择整个工作目录,让它帮你分析并提供解决方案。

image.png

当然,Trae 也支持内联 Chat,选中代码,点击“编辑”或使用快捷键 Cmd+I,可以直接进行对话,生成的代码也可以直接审查选择接受或拒绝。

image.png

用自然语言开发

不会写代码,只需要用自然语言分步骤写上注释,然后一路按回车键和 Table 键,Trae 将帮你填充代码,遇到错误也可以直接问它,用自然语言你也有可能开发属于自己的项目。

image.png

对于会开发的朋友,Tare 也能帮我们大大提高效率。