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)使用场景:

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

更新中。。。

相关推荐
大写的老王2 小时前
OpenClaw 部署实战:一周完成 PHP 到 Java 的项目迁移
java·php·ai编程
柯儿的天空2 小时前
【OpenClaw 全面解析:从零到精通】第 010 篇:OpenClaw多渠道接入:WhatsApp、Telegram、飞书等
人工智能·chatgpt·ai作画·aigc·飞书·ai编程·ai写作
测试_AI_一辰11 小时前
AI系统到底怎么测?一套六层测试框架(Agent案例)
人工智能·功能测试·需求分析·ai编程
踩着两条虫11 小时前
VTJ.PRO 核心架构全公开!从设计稿到代码,揭秘AI智能体如何“听懂人话”
前端·vue.js·ai编程
曦和15 小时前
OpenClaw+CC Switch:小白也能配置好的小龙虾(2026最新)
aigc·ai编程
ljq16 小时前
LLM大模型会话ID身份跟踪标识原理解构:从模型无状态下的会话ID(Session ID)原理分析以及自主实现会话跟踪
agent·ai编程
demo007x16 小时前
如何提高 AI 做小程序的效率?
微信小程序·ai编程·claude
JavaGuide16 小时前
MiniMax M2.7 发布!Redis 故障排查 + 跨语言重构场景实测,表现如何?
redis·后端·ai·ai编程
彩旗工作室16 小时前
Cursor 全面深度指南:从诞生到实战,AI 编程时代的终极武器
人工智能·ai编程