TRAE 实战

267 阅读3分钟

🔧 一、核心定位与技术架构

  1. AI 原生 IDE
    TRAE 深度融合 AI 能力,支持多模态交互(自然语言、语音、图像上传),可解析设计稿生成代码、定位错误截图等,大幅降低开发门槛。
  2. 动态协作框架(MCP 协议)
    通过 Model Context Protocol(MCP)  协议,连接外部工具(如 Figma、Jira、GitHub),实现跨工具的任务调度与数据交互,形成“上下文工程”闭环。
  3. 模型灵活性
    国内版整合豆包、DeepSeek R1/V3 等国产模型;国际版支持 Claude 3.5、GPT-4o 等国际顶级模型,开发者可自由切换或接入自定义 API。

⚡ 二、革命性功能:SOLO 模式(2025年7月发布)

SOLO 模式是 TRAE 2.0 的最大突破,将 AI 从“辅助者”升级为“主导者”:

  • 全流程自动化开发
    用户输入自然语言需求(如“构建一个带联系表单的个人博客”),AI 自动完成:
    ✅ 需求拆解 → ✅ PRD 文档生成 → ✅ 环境搭建 → ✅ 代码编写 → ✅ 测试调试 → ✅ 部署上线。

  • 统一工作区与实时跟随
    整合编辑器、终端、浏览器、文档面板,AI 执行任务时自动切换面板展示进度。用户可随时干预或退出“实时跟随”模式。

  • 垂直场景深度适配

    • 开发者:自动生成全栈代码,支持高并发优化、金融级容灾配置6。
    • 产品经理/设计师:上传 Figma 设计稿→自动生成 React/Vue 组件;通过自然语言生成可交互原型510。
    • 独立创作者:快速实现副业项目,担任“构想者”而非执行者2。

💡 三、其他核心功能亮点

  1. 双模式交互

    • Builder 模式:从零生成项目代码(如输入“创建带登录功能的论坛”)。
    • Chat 模式:对话式解决代码问题(如优化 SQL、解释逻辑)69。
  2. 企业级工程支持

    • 代码符合阿里规约、Google 风格标准;支持团队实时协作与私有化部署6。
    • 错误修复准确率 89%,支持自动化测试脚本生成68。
  3. 智能体生态
    开放自定义智能体系统,用户可打造专属“AI 研发团队”,例如构建“金融舆情分析智能体”自动解析行业影响16。

💡 四、简单实战

1. 具体项目

项目名称:简易待办事项清单(To-Do List)


1. 核心需求

开发一个纯前端(HTML/CSS/JavaScript)的待办事项应用,需实现以下功能:

  • ✅ 任务管理

    • 用户可以输入任务名称,点击“添加”按钮将其加入列表
    • 每个任务旁有一个“删除”按钮,点击后移除该任务
  • ✅ 状态标记

    • 每个任务前有一个复选框,勾选后:

      • 文字显示为删除线(text-decoration: line-through
      • 任务自动移动至列表底部
  • ✅ 数据持久化

    • 使用 localStorage 存储任务列表,刷新页面后数据不丢失

2. 界面要求
  • 基础布局

    • 顶部:输入框 + “添加”按钮
    • 中部:任务列表(按添加顺序排列,已完成任务置底)
    • 底部:统计显示当前任务总数(例如:“共 5 项任务”)
  • 交互反馈

    • 点击按钮时有简单的 CSS 动画(如颜色变化)
    • 输入框为空时,点击“添加”按钮提示“请输入任务”

image.png

2. 实际运行

很快就出来了,不到五分钟

image.png

image.png

image.png 是不是非常可以,今天先这样,下面接着测试别的