TikTok 推出新 IDE Trae,用于快速构建 AI 应用

字节跳动(TikTok 的母公司)最近发布了一款名为 Trae 的集成开发环境(IDE),基于 Visual Studio Code(VS Code)进一步定制。 在 VS Code 原本的强大功能上,Trae 附加了 AI 模块,帮助开发者更轻松地编写、调试和优化代码,有时甚至无需手写任何代码。 如果你用过 Cursor AI,应该会觉得 Trae 有点类似。

字节跳动(TikTok 的母公司)最近发布了一款名为 Trae 的集成开发环境(IDE),基于 Visual Studio Code(VS Code)进一步定制。在 VS Code 原本的强大功能上,Trae 附加了 AI 模块,帮助开发者更轻松地编写、调试和优化代码,有时甚至无需手写任何代码。

如果你用过 Cursor AI,应该会觉得 Trae 有点类似。但我的上手体验是,Trae 界面更现代、操作更直接,而且不会让人有“功能太多不知道先点哪儿”的困扰。

Trae 是什么?

Trae 旨在帮助开发者提升效率,做的不仅仅是自动补全。它在调试、重构、注释和测试用例建议等方面都能给出智能提示。更棒的是,Trae 跟 VS Code 和 Cursor 的配置可以互相兼容,几乎不需要额外迁移就能直接使用。

image.png

当前版本只支持 macOS 系统(Windows 版仍在开发),并且免费开放所有 AI 功能,没有次数或额度限制。对比市面上一些需要付费或功能受限的同类工具,Trae 的确显得很有吸引力。

Trae 由字节跳动的新加坡子公司进行全球发行,是字节跳动拓展社交媒体以外业务的一环。正好最近美国 TikTok 禁令法案有所推迟,Trae 倒是赶着这个节点上线了,多少给人一种“多线并进”的意味。

Trae 的核心亮点

  1. 支持 GPT-4o 与 Claude 3.5 SonnetTrae 内置了 OpenAI 的 GPT-4o 模型和 Anthropic 的 Claude-3.5-Sonnet,让你能直接在 IDE 里享受强大的 AI 编码和对话能力。
  2. AI 辅助编码通过自然语言就能让 Trae 生成、优化、调试代码。对新人或想快速雏形化项目的开发者非常友好。
  3. 多模态交互你可以上传图片来说明需求,AI 能根据图中的界面或元素理解布局和样式,然后生成相应代码。非常适合做界面克隆或 UI 参考。
  4. 两种指令方式
  • Chat Mode:实时和 AI 沟通,适合一边聊天一边写代码。
  • Builder Mode:更偏自动化的模式,像是一次性创建一个完整的项目或功能模块。

image.png

Trae 还能分析整个项目的代码基底,不只是单独某个文件,这让开发者在大范围重构、调试时更轻松。

如何安装 Trae

  1. 前往 trae.ai,点击“Download for macOS”。

image.png

  1. 下载完成后,按提示安装到本地。

image.png

  1. 因为 Trae 基于 VS Code,所以你可以选择导入 Cursor 或 VS Code 的配置。

image.png

首次使用时需要注册并登录账号。登录完成,会看到 Trae 的主界面,整体跟 VS Code 类似,但多了很多 AI 辅助功能和面板。

image.png

Trae 的使用示例

下面展示一个简单的应用场景:让 Trae 直接生成一个简易的 Next.js 聊天应用。

示例 1:生成简单聊天应用

Prompt: “create a simple chatbot app based on nextjs”

  1. AI 选择 Claude 3.5 Sonnet 模型,开始编写项目文件和代码。
  2. 生成完毕后,点击 Webview 就能在 IDE 内部直接预览 Next.js 应用,无需去浏览器打开链接。

image.png

虽然例子非常基础,但值得注意的是,Trae 只用一次 prompt 就能“搭骨架+跑起来”,对原型开发来说很高效。

image.png

示例 2:多模态支持

Trae 支持上传图片,例如你可以上传 Spotify 的截图,让 AI 按照截图里的布局用 Next.js 搭建一个初步的克隆版本。

image.png

  1. Prompt: “build a spotify clone using NextJS”

image.png

  1. AI 识别截图中的界面元素,包括配色、图标位置、页面布局等,并自动生成相应的代码。
  2. 最终输出虽然和真正的 Spotify 还有差距,但已经能看出基本的主题风格、图标和大体布局。如果继续和 AI 互动,可加入更多图标、临时图片或组件。

image.png

另外,Trae 的 Webview 可以直接在 IDE 内看到效果,不必再另外开浏览器窗口来检查界面。这对快速迭代和测试非常方便。

image.png

Trae 的优点与局限

  • 优点
  • 免费提供无限制的 AI 调用,目前没有付费门槛
  • 同时内置多家模型,让你可以挑选合适的 AI 实现
  • 多模态支持让界面克隆和 UI 原型变得更轻松
  • 可以与 VS Code 或 Cursor 配置互通
  • 局限
  • Mac 版本优先上线,Windows 版尚未完成

  • 部分情况下 AI 响应稍显迟缓,尤其处理特别大的文件时容易卡顿

  • 工具还在早期阶段,可能还存在不稳定或功能缺失

  • 字节跳动的隐私争议,一些用户会对数据安全有顾虑

有人将 Trae 与 Cursor 对比,认为它是“Cursor 杀手”,但目前看还言之尚早。Cursor 在速度、跨平台兼容等方面可能更成熟,而 Trae 也有更现代的 UI 设计和免费用不完的 AI 额度。是否要立即转投 Trae,要看个人需求和对隐私的态度。

信任问题:要不要放心用?

谈到字节跳动就绕不开隐私和地缘政治话题。TikTok 被美国和其他一些国家密切审查,难免让人担心用 Trae 会不会有数据泄露的风险。官方说这是新加坡子公司发行,使用了开源或国际认可的 AI 模型,试图与中国总部做切割。但这依然不能完全打消某些人的疑虑。

如果对隐私格外敏感,可以尝试以下做法:

  • 在隔离或沙箱环境里使用 Trae,不在上面保管关键生产代码
  • 用临时账号或小号注册,以免暴露真实个人信息
  • 留意官方的隐私和使用条款,任何工具都要定期备份代码到安全的私有仓库

结语

Trae 代表了字节跳动在 IDE 领域的新尝试:它整合了主流的 AI 模型,界面舒适易用,并且免费无限量。对于想快速做原型或不想手写太多代码的开发者来说,是个值得尝试的新选项。

当然,隐私和地缘政治上的顾虑依旧存在。加之 Trae 目前只面向 macOS 用户,功能仍在打磨阶段,尚未到可以取代 VS Code 或 Cursor 的程度。对大多数人来说,最合理的做法是先用它进行一些非核心项目或小型实验,看看是否真的能大幅提高工作效率。等它在跨平台性能、模型响应速度、稳定性等方面有所提升后,也许会成长为一个真正的“Cursor 级”竞争对手。

总的来说,如果你正在寻找一款能提供快速 AI 支持、还能直接在 IDE 里预览并运行应用的工具,Trae 值得一试。但要深度使用,还需要进一步观察它的发展走向,以及字节跳动在隐私和合规上的努力。

相关资讯

不写一行代码!使用Trae十分钟开发一个AI对话页面

近日,中国首个AI原生集成开发环境(AI IDE)Trae 国内版正式上线,作为一个爱凑热闹的程序员肯定是要去尝尝咸淡的(主要是它不收我钱)。 于是我就有一个想法,看它能不能让我不写一行代码快速帮我开发一个网页。 既然你是AIIDE,那你就帮我做一个AI对话页面吧。

“中国首个 AI IDE”字节跳动 Trae 国内版发布:配置豆包 1.5pro,可切换满血版 DeepSeek

Trae 此前已在海外发布,内置了 GPT-4o、Claude-3.5-Sonnet 模型。国内版搭载的模型有所不同,但功能基本一致。

免费、开源的PyTorch IDE来了!跨三大操作系统,还带视频教程

经过数月的封闭测试后,TorchStudio 现在终于来了。