TRAE 使用教程

一、Trea是什么?

AI工程师

二、下载:

1、国内版:

https://www.trae.cn

2、国际版:模型多

https://www.trae.ai

三、体验:

1、零基础生成并且运行一个java文件:

  • 新建一个.java文件
  • 在文件中写入测试代码(可以直接写一个public然后tab自动引入)
  • trea会自动安装对应的环境和插件
  • 安装好之后,在代码中有run按钮,点击运行
  • 也可以在设置中查看当前运行的java环境

2、零基础生成一个html+css+javascript的在线待办清单项目(使用智能体):

  • 首先选择一个智能体

  • 输入提示词

    你是一个资深的软件工程师,使用 HTML + CSS + JavaScript 纯前端实现在线待办清单(Todo List)项目,不需要后端、不需要框架。

    功能要求:

    1. 输入框可以添加待办事项
    2. 可以标记事项为已完成/未完成
    3. 可以删除单条事项
    4. 可以一键清空所有已完成事项
    5. 显示未完成数量统计
    6. 支持本地存储 localStorage,刷新页面数据不丢失
    7. 响应式布局,手机、电脑都能用

    UI 风格要求:

    1. 现代、简洁、清爽,浅色主题
    2. 卡片式布局,圆角、柔和阴影
    3. 交互友好:hover 效果、动画过渡自然
    4. 按钮、输入框样式统一
    5. 整体居中,不要太宽

    代码要求:

    1. 代码结构清晰,注释易懂
    2. 原生 JS,不使用任何框架
    3. 一个 HTML 文件包含所有内容,方便直接运行
    4. 变量命名语义化

    输出格式:

    1. 一次性输出完整的 list.html 文件代码
    2. 浏览器可以直接运行,不需要安装任何依赖

四、trea的三大核心功能:

1、tab-cue

配置

(1)代码补全

(2)智能代码重写

(3)多行协同优化:

  • 数据联想
  • 多行批量修改

(4)光标位置预测

(5)接受,接受部分和拒绝:

tab - 接收补全
Ctrl(command)+RightArrow:接受部分补全
esc/继续输入:拒绝补全

2、智能体聊天模式:

Ctrl+U(Windows)command+U(Mac) 访问侧边栏中的聊天

TRAE提供IDE模式和SOLO模式两种开发方式,分别侧重人机协作与AI自主开发。

IDE模式:

特点:保留传统开发流程,用户对开发过程有更强掌控感。

适用场景:适合需要精细控制代码或逐步验证逻辑的开发者。

SOLO模式:

特点:AI主导全流程,通过自然语言输入即可自主完成开发任务,自动化程度高。

适用场景:追求效率或者处理标准化任务

(1)Chat:不会自动生成文件

体验:

复制代码
你是一个资深的游戏开发工程师,请生成一个纯前端、单页面的网页版迷宫小游戏,只用 HTML + CSS + JavaScript 实现

游戏功能要求:
1. 自动随机生成迷宫地图,可以选择简单、困难和地狱三种模式
2. 玩家用键盘 ↑ ↓ ← → 控制小球移动
3. 有起点和终点,到达终点提示闯关成功
4. 可以重新生成新迷宫
5. 显示当前步数,最多100步以内就能成功
6. 简单的碰撞检测,不能穿墙

界面要求:
1. 风格简洁、现代、干净,可以选择多种界面风格
2. 居中显示,响应式布局,手机电脑都能玩
3. 迷宫墙用深色,路径浅色,玩家小球醒目
4. 按钮美观,有 hover 效果
5. 整体不要太复杂,清爽好看

代码要求:
1. 原生 JavaScript,不使用框架
2. 代码结构清晰,注释易懂
3. 所有代码写在一个 HTML 文件里
4. 可以直接在 IDEA 中运行
5. 变量命名规范

输出格式:
1. 一次性输出完整的 maze.html 文件代码
2. 浏览器可以直接运行,不需要安装任何依赖

(2)Builder:会自动生成文件,可进行交互

(3)Builder with MCP

体验:

复制代码

(4)SOLO Coder:适合专业开发者,应对复杂项目开发

Plan 模式:沟通 ------>》计划 ------》执行

方式一:在 SOLO Coder 对话里直接输入:
/plan:快速生成开发计划 → 确认后执行(替代原 Plan 模式)
/spec:生成更完整的项目规范文档,适合复杂项目
方式二:用快捷键
macOS:Option + P
Windows:Alt + P

体验:

复制代码
/plan
1、用 HTML + CSS + JavaScript 生成一个简单可玩的网页小游戏,
不需要后端,纯前端单文件运行,
2、界面简洁好看,操作简单,有得分、有游戏逻辑,
3、生成完整可直接运行的代码。

(5)SOLO Builder:适合从0到1的小型开发团队

集成supabase服务:用于用户认证和数据存储

体验:

复制代码
开发一个简化版的个人博客网站,需要实现以下核心功能模块:
1、用户模块:
- 用户注册/登录功能(支持手机号+验证码或邮箱+密码方式)
-个人资料管理(头像、昵称、联系方式等基本信息)
2、文章管理(管理员后台)
- 管理员可以新增、编辑、删除技术文章
- 文章支持分组 / 分类管理(如:前端、Vue、JavaScript、工程化等)
- 文章支持富文本或 Markdown 编辑
3、前台展示
- 首页展示文章列表,可按分类筛选
- 文章详情页展示完整内容
- 展示网站总访问量 / 文章阅读量统计
4、用户系统与评论
- 支持普通用户注册、登录
- 只有登录用户才能对文章发表评论
- 评论支持展示、删除(管理员可删)
5、权限区分
- 游客:只能浏览文章
- 登录用户:可评论
- 管理员:可管理文章、管理评论、查看访问统计
6、技术实现要求:
- 前端采用响应式设计,适配PC和移动端-后端提供RESTful API接口
- 数据库存储商家信息和用户评价-部署到云服务器,确保基本访问性能
7、交付标准:
- 可运行的完整系统原型
- 基础功能测试报告
- 简单的使用说明文档
- 源代码和部署指南


自定义智能体:

体验:

我的智能体是mcp助手,生成关键词:我要创建一个智能mcp助手,能帮你实现文件操作,网页搜索,截图等重复性任务

复制代码
下面是一份原始表格数据,请用 MCP 工具将它生成一个 Excel 文件保存到桌面,然后帮我做数据分析、汇总统计,并生成一份简洁的分析报告。

姓名,部门,岗位,出勤天数,加班时长,绩效得分
张三,技术部,前端开发,22,18,86
李四,技术部,后端开发,21,25,92
王五,产品部,产品经理,22,10,88
赵六,设计部,UI设计师,20,15,79
钱七,技术部,前端开发,22,22,90
孙八,产品部,交互设计,21,8,83
周九,设计部,视觉设计,22,12,85
吴十,技术部,测试工程师,21,16,81

请完成:
1. 生成 Excel 表格到桌面
2. 按部门统计平均绩效、平均加班时长
3. 找出加班最多、绩效最高、绩效最低的人
4. 生成一份简短的分析总结

3、EditorAI 聊天编码:

(1)打开方式:

Windows:Ctrl + I
Mac:Command + I

(2)使用场景:

直接在编辑器窗口中生成新代码或编辑现有代码,适合精准的修改代码/内容

更新中。。。

相关推荐
好运的阿财1 天前
process 工具与子agent管理机制详解
网络·人工智能·python·程序人生·ai编程
花燃柳卧1 天前
AI 团队工作流工程化架构方案
人工智能·ai编程·ai工作流
HashTang1 天前
用自然语言驱动的开源 3D 建筑设计编辑器-Aedifex
前端·github·ai编程
张涛酱1074561 天前
ALTK-Evolve:让AI Agent告别"永恒实习生"困境的长期记忆系统
ai编程
财经资讯数据_灵砚智能1 天前
基于全球经济类多源新闻的NLP情感分析与数据可视化(夜间-次晨)2026年4月7日
人工智能·python·信息可视化·自然语言处理·ai编程
qqxhb1 天前
23|工具生态全景:本地文件、网络、数据库、浏览器自动化
网络·数据库·自动化·ai编程·最小权限·人工确认
三季有玖1 天前
关于豆包网页版的Vibe Coding体验
ai编程
子昕1 天前
OpenClaw刚火,Hermes Agent又爆了:AI正在发生一个关键变化!
ai编程
汤面不加鱼丸1 天前
Vibe Coding初体验之Trae CN
ai编程