当前位置: 首页 > article >正文

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

字节跳动(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 Sonnet
    Trae 内置了 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 值得一试。但要深度使用,还需要进一步观察它的发展走向,以及字节跳动在隐私和合规上的努力。

最后:

React Hook 深入浅出

CSS技巧与案例详解

vue2与vue3技巧合集

VueUse源码解读


http://www.kler.cn/a/549585.html

相关文章:

  • xml 和json互转工具
  • 大语言模型的解码策略与关键优化总结
  • IDEA集成DeepSeek AI助手完整指南
  • Redis问题排查常用命令
  • Docker-数据卷
  • pikachu靶机-越权、目录遍历、敏感信息泄露
  • Dify 是什么?Dify是一个开源的LLM应用开发平台,支持快速搭建生成式AI应用,具有RAG管道、Agent功能、模型集成等特点
  • C#开源大型商城系统之B2B2C+O2O一体化_OctShop
  • 关于conda换镜像源,pip换源
  • CentOS 7.8 安装MongoDB 7教程
  • 【深度解析】图解Deepseek-V3模型架构-混合专家模型(MoE)
  • 浏览器打开Axure RP模型
  • 鸿蒙应用开发-在Worker中实时修改页面数据(在不同线程中修改主线程中的UI界面)
  • redis分页查询
  • Postman桌面版登录问题use authorization token to sign in
  • 2010年下半年软件设计师考试上午真题的知识点整理(附真题及答案解析)
  • 【Kubernetes】k8s 部署指南
  • 在Mac arm架构终端中运行 corepack enable yarn 命令,安装yarn
  • 力扣做题记录 (二叉树)
  • 使用redis实现与flink窗口同样的消息聚合处理效果