Trae是什么？

Trae 是字节跳动于2025年1月20日推出的一款 AI 原生 IDE，内置 Claude 3.5 和 GPT-4o 模型，免费不限次数。凭借强大的 AI 支持与全面的 IDE 功能，Trae 为开发者和产品经理带来了高效、直观的开发体验 ，Trae 提供 AI 问答、代码自动补全以及基于代理的 AI 编程等功能，它出色的中文支持，助力用户快速创建项目、自动调试代码，同时支持图像解析生成代码，显著提升开发效率。适用于快速原型开发、团队协作和跨语言开发，尤其适合初学者、非技术人员和创意项目开发。

Trae官网链接：https://www.trae.ai/

Trae的主要功能及适用场景

主要功能

• Builder模式：Trae 自动将开发任务拆解成小步骤，并通过实时反馈引导开发者完成项目。适合新手快速构建项目，而无需担心复杂的开发流程。
• 多模态支持：开发者可以上传图像，Trae 会精准理解图像内容，并结合其强大的 AI 功能自动生成相关代码或优化现有代码，简化需求表达和代码实现过程。
• 上下文感知与智能代码补全：Trae 能够分析整个代码库的上下文，理解开发者的工作流程，从而智能预测并实时补全代码。自动生成代码、调试错误，显著提升编程效率。
• 内置 AI 模型：Trae 集成了强大的 Claude 3.5 和 GPT-4O 模型，支持智能代码生成、优化和修复。开发者无需手动输入每一行代码，AI 能根据需求智能补全，减少重复劳动。
• 中文友好界面：Trae 提供完整的中文支持，不会因为语言切换而打断开发者的工作流程。特别适合中文用户，确保开发者可以专注于开发本身，无需担心语言障碍。

适用场景

• 编程新手学习与实践：利用 Trae 自动生成代码，快速实现简单的登录页面，帮助新手轻松学习编程。
• 快速原型开发：使用 Trae 快速创建在线商城原型，自动生成前后端代码，验证功能需求。
• 团队协作与跨职能开发：设计团队通过 Trae 上传设计图，AI 自动生成 HTML/CSS，开发者直接修改代码，提高团队协作效率。
• 跨语言开发：使用 Trae 同时管理和优化 JavaScript 与 Python 代码，提升全栈开发效率。
• 代码调试与优化：通过 Trae 自动检测和优化代码中的性能瓶颈，快速提升应用性能。
• 低代码开发：使用 Trae 实现自动化数据报告工具的低代码开发，无需编写复杂代码。
• 游戏开发与创意项目：通过 Trae 上传设计图，AI 自动生成游戏代码，减少重复性工作，专注核心玩法设计。

安装与快速上手

trace安装配置流程

1. 安装并启动 Trae：访问 Trae 官网并下载安装应用https://www.trae.ai/。

2. 选择主题和语言：选择主题（Dark、Light、DeepBlue，选择语言（默认是英语，我们可选 简体中文，相对于Cursor中文得支持更好）。

3. 导入 VS Code 或 Cursor 配置：如果已在本地安装 VS Code 或 Cursor，可快速导入扩展、设置和快捷键配置。

4. 安装 Trae 的终端命令：点击 Install ‘trae’ command 按钮，安装 Trae 的命令行工具。

5. 登录 Trae：使用 Google、GitHub 或注册邮箱账号登录 Trae，这里需要用到VPN账号，如果没有推荐使用upnet购买，稳定且不限流量，日均1元。

6. 开始开发：打开已有文件夹或克隆现有 Git 仓库，也可以使用 AI 助手从 0 到 1 创建新项目。

具体文档链接见：
https://docs.trae.ai/docs/set-up-trae?_lang=en

实践案例：年会抽奖系统开发

本次体验是想要实现一款简单的团队内部年会抽奖系统的代码实现进行体验

一、需求梳理

把自己的想法与AI沟通，它将细化你的需求，初步梳理出来的功能还是很丰富的，产品经理在日常工作中也可以借助AI来丰富和细化自己的需求。

1. 用户管理模块

- 支持手动添加和Excel导入用户

- 提供用户搜索、删除等功能

- 实现分页展示用户列表

2. 奖项设置模块

- 可添加、编辑、删除奖项

- 支持设置奖项名称和中奖人数

- 提供是否允许重复中奖的开关

3. 抽奖功能模块

- 实现动态抽奖效果

- 防止重复中奖

- 支持多奖项抽取

4. 结果展示模块

- 表格形式展示中奖记录

- 支持导出Excel

- 提供清空结果功能

非功能需求

本次开发的为本地web应用，不需要数据库，把用户数据、奖项、结果存在本地的浏览器中，支持大约500人以内的团队抽奖

二、功能开发及调试

功能开发时，选用右上方的Builder，Trace会自动生成项目目录及代码，初版功能实现非常快，但是调试过程很漫长，建议先做数据操作和核心业务流程，本次体验先做的用户、奖项设置，没问题后，再做抽奖功能，最后再优化UI方面的体验。

Trace代码生成功能亮点

• 项目管理清晰：能全面覆盖本项目的全面文件和代码，文件的增删改做得很自然高效
• AI问答：不用每次提问时携带上下文，IDE会自动携带，且通过图片聊需求和报错较高效
• 页面调试：自带调试界面，无需到浏览器等第三方工具上来回折腾
• 问题排查：自动化程度较高，能自主排查

不足：

• 报错信息不足，很难进行问题排查
• 代码/报错引用不如cursor方便快捷
• 代码回退功能不如cursor细化，仅能接受全部/接受全部

三、效果展示

1. 用户管理模块

2. 奖项设置模块

3. 抽奖功能模块

4. 结果展示模块

总结及期望

Trae 作为一款AI驱动的原生IDE，通过内置的Claude 3.5 和 GPT-4o模型，为开发者和产品经理提供了卓越的开发体验。在实际应用中，Trae的Builder模式和多模态支持显著提升了开发效率，而上下文感知和智能代码补全则让编程变得更加直观和高效。本次年会抽奖系统的开发体验中，Trae在以下方面表现尤为突出：

1. 快速原型构建能力：借助Builder模式，能高效生成初版项目框架和代码，尤其适合简单业务逻辑的实现。
2. 高效调试与问答：内置AI问答功能显著降低了调试复杂代码时的沟通成本；支持图片上传，更便于需求描述和问题反馈。
3. 开发过程自然流畅：项目目录清晰，文件管理高效，支持跨文件协作，尤其在小型或中型项目中体现出色。

同时，Trae仍有一些不足需要完善：

1. 报错信息深度不足：在遇到复杂问题时，报错内容的精准性和可操作性稍显不足。
2. 代码管理功能略显简单：代码回退功能不够细化，可能对高频次修改需求的开发者带来一定不便。
3. 与 Cursor 比较的优化空间：在代码引用与报错定位方面，Trae略逊一筹，仍有提升空间。

这才是Trae的第一个版本，未来国产的AI编程工具必将崛起，Trace可能就是这其中的一颗新星，通过进一步优化报错分析、代码管理和多模态支持，有望成为开发者与产品经理的首选开发工具