Trae初体验

参考资料:

1. 安装 Trae

1.1 下载

官网下载安装即可。

2. Trae + Java

2.1 编写Java程序,配置开发环境

  1. Trae 中创建文件夹,如 test01/,在该目录下创建文件夹 Hello.java
  2. 在系统环境变量中正确配置 “JAVA_HOME”,Trae 会自动识别到相关配置
  3. 通常会提示安装 Java 相关的扩展和插件,点击安装即可
  4. 此时,我们就可以运行和调试程序了

image-20260209185710780

image-20260209185813174

image-20260209185743855

3. Trae 网页小程序

创建一个 02_Vote 目录,体验快速通过 Trae 创建一个在线投票小程序。

  • 打开 New Chat (Ctrl + U[win]),使用内置智能体 @Builder,输入提示词。

image-20260209190236075

版本1:

1
设计并开发一个功能完整的在线投票系统,该系统应包含以下核心功能模块:用户注册与登录模块(支持邮箱验证和密码加密存储)、投票项目管理模块(支持创建、编辑、发布和归档投票项目)、投票参与模块(支持单选/多选投票、投票结果实时展示)、权限管理模块(区分管理员、投票创建者和普通投票者权限)。系统需采用响应式设计,确保在桌面端和移动端均有良好的用户体验。技术实现上需考虑数据安全(防止重复投票、SQL注入攻击)、系统性能(支持至少1000名并发用户)和可扩展性(便于后续功能迭代)。需提供完整的数据库设计文档、API接口文档、用户操作手册以及单元测试报告。

版本2:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
你现在是一名资深网页前端开发工程师,请帮我使用原生 HTML + CSS + JavaScript 编写一个可直接在浏览器打开使用的【在线投票程序】,要求如下:

- 功能:
- 创建投票:输入投票标题,至少含2个选项;支持添加/删除选项
- 开始投票:显示选项列表,点击为某一选项投票,实时更新票数与百分比
- 防重复投票:同一设备对同一投票仅能投一次(使用localStorage记录)
- 结果展示:显示每个选项票数和百分比,提供简单进度条或条形图效果
- 数据持久化:投票标题、选项、票数、是否已投状态均使用 localStorage 保存,刷新后保留
- 重置:提供“重置投票”按钮,清空数据并重新创建新的投票
- 界面与技术:
- 风格简介淡雅(浅灰/浅蓝),居中卡片布局,按钮圆角阴影
- 使用 CSS Flex 或 Grid 布局,当前日期不需要显示
- 不使用任何框架和库,全部代码在同一个 HTML 文件中
- 使用原生 JavaScript 操作 DOM,逻辑清晰,适量注释
- 输出格式:
- 直接保存为`vote.html`文件,并在浏览器中打开即可使用
- 代码可直接运行,无需任何依赖

Trae 会根据提示词生成相关的代码。

效果:

image-20260209191620344

4. Trae-CUE(上下文理解引擎)

默认配置项是打开的,如果关闭就不会有上下文补全了。

image-20260209193613587

4.1 写注释补全代码

// 编写一个方法内容,接收一个数组,并排序,排序使用冒泡排序算法

image-20260209192042765

4.2 智能代码重写

// 编写一个方法内容,接收一个数组,并排序,排序使用冒泡排序算法,排序从大到小

image-20260209192518722

4.3 多行协同优化

数据联想 和 多行批量修改。

image-20260209192735395

image-20260209192820476

4.4 光标位置预测

注释某个位置时,会在类同的位置,继续预测光标并将光标定位到注释位置。

4.5 接收、接收部分和拒绝

  • Tab 键接收补全
  • Ctrl + → 接收部分补全
  • ESC ,并继续输入 表示拒绝补全

4.6 Ctrl+i 对选中代码AI修复

如题,修复 或 新增功能 或 优化功能均可。

5. 内置智能体

Chat

聊聊你的代码库 或 编写代码,不能直接生成文件。

内置:阅读、预览、联网搜索

Builder

端到端执行常规开发任务。

内置:**阅读、预览、联网搜索、编辑终端**。

Builder with MCP

支持使用配置的所欲偶 MCP Servers。

内置:**阅读、预览、联网搜索、编辑终端+配置的MCP Server**。

image-20260209194703215

image-20260209194737539

SOLO Coder

IDE 模式

特点:保留传统开发流程,支持智能问答、代码补全等辅助功能,用户对开发过程有更强的掌控感。

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

SOLO 模式

特点:AI主导全流程(需求理解、编码、测试、部署),通过自然语言输入即可自主完成开发任务,自动化程度高。

选择建议:若需保留开发自主性,选择 IDE 模式;若追求效率和处理标准化任务,SOLO模式更高效。

擅长项目迭代、问题修复与架构重构;智能任务规划,确认后精准推进执行;自主编排智能体,AI 专家团队协同开发。

  • Plan 模式:为完成任务指定详细的计划,先和用户沟通指定计划,确认后再执行。
    • 沟通 → 制定计划 → 沟通修正计划 → 直到计划满意 → 执行

SOLO Builder - 国内无

适合个人与小团队,高效落地项目,从需求编写到上线发布,全链路协同,集成鉴权、数据库、AI服务等工具。

步骤:

  1. 创建一个文件夹,使用 SOLO Builder 智能体进行 AI 编程
  2. 集成 Supabase 服务,用于用户认证和数据存储(点击连接、去授权即可)

6. 自定义智能体

参考资料:https://juejin.cn/post/7583983152324378650

在 Trae 中创建自定义智能体可以帮你高效处理各种任务。

我的自定义智能体:

image-20260209205437154


Trae初体验
https://janycode.github.io/2023/03/08/00_先利其器/09_Trae/Trae初体验/
作者
Jerry(姜源)
发布于
2023年3月8日
许可协议