目录
一、Trae是什么
Trae是字节跳动推出的智能编程助手,像我们的"编程小老师",无需懂复杂代码,用中文描述需求就能自动生成代码,可以几分钟搞定贪吃蛇、扫雷等小游戏,分析数据等重复性工作。
二、Trae亮点!
小白也能玩儿
跨平台使用
支持Mac、Windows、Linux版本。
免费且无限使用顶级模型
内置Claude 3.5 和 GPT-4o 两个顶尖模型。
三、Trae的下载
四、使用步骤
1、Windows系统和Mac系统的操作步骤基本一样,此处以windows电脑做演示,点击登录。(安装省略, ~)
2、提示“Login Failed Sorry, Trae is only available in certain regions right now.”,意思是trae目前仅在某些地区可用。(此时需要进行科学上网,用魔法打败魔法。值得吐槽的是, 字节软件,居然不知道国内主流微信登录的)
3、施展魔法后刷新页面,点击“Log in and open Trae”
4、会直接跳转到Trae APP,此时就成功登录啦~(后期使用就无需魔法啦)
5、可以在“Chat”模式下进行聊天,有五大模型可选,会基于我们描述的需求,解释/修改/编写/代码,从代码中检测出一些常见错误。其一deepseek更智能,缺点是不定时卡
6、如果想让Trae直接帮我们开发网站/应用,选择“Builder”模式提需求,点击“打开本地文件夹”,选择用于放项目代码的文件夹,点击“打开”。(具体案例请见下一章节)
配置. 1 切换个人偏好主题
配置. 2 集成python开发环境
ai回答写python程序后, 提示安装python插件
- 在左侧导航栏中,点击 插件市场 图标。
界面左侧显示 插件市场 面板。
- 搜索你想要的插件并在 未安装 列表中将其选中。
界面上显示该插件的详情窗口,展示该插件的详细说明、变更日志等信息。
- 点击 安装。
Trae 开始安装该插件。安装完成后,该插件会出现在 已安装 列表中。
配置3 默认终端
打开终端时,博主的电脑环境总是自动关闭, 一般是本地cmd与trae兼容有问题, 修改为cmmand prompt
修改后
五、场景演示
1、 从零开始学习开源项目open-webui
切换到“Builder”模式。
下载开源项目open-webui,各位粉丝可以自行选择项目尝试。
打开项目文件夹
提需求:此项目是open-webui,请将readme.md 翻译为中文,静等片刻,右侧提示文件审查,点击“全部接受”,乖乖的, 立刻成中文, 准确型很棒。
进一步深入开发,提需求,接下来, 让作为程序员的我,如至云端
我是一个程序员, 要对openwebui深入学习和改造, 请帮我整理一份模块化开发文档,要求
1 文档目录结构简单易懂
2 包括简介、快速开始、高阶使用、常见问题、接口文档等
3 详细说明代码目录和文件核心功能
一分钟不到,生成的技术文档让我瞬间从open-webui小白,入门
### 目录结构
```
├── backend/ # 后端 Python 代码
│ ├── open_webui/ # 核心后端模块
│ │ ├── routers/ # API 路由
│ │ ├── models/ # 数据模型
│ │ ├── socket/ # WebSocket 实现
│ │ └── retrieval/ # RAG 检索引擎
├── src/ # 前端 Svelte 代码
│ ├── lib/ # 共享组件和工具
│ │ ├── components/ # UI 组件
│ │ ├── stores/ # 状态管理
│ │ └── apis/ # API 客户端
└── static/ # 静态资源
```
### 核心模块说明
1. **后端核心模块**
- `routers/`: REST API 路由处理
- `models/`: SQLAlchemy 数据模型
- `socket/`: WebSocket 实时通信
- `retrieval/`: RAG 检索引擎实现
2. **前端核心模块**
- `components/`: 可复用 UI 组件
- `stores/`: Svelte 状态管理
- `apis/`: API 调用封装
对于提示词库功能开发,有需求, 但不太懂怎么办, 以前需要各方查资料,翻看代码, 现在应该以什么样的姿势进入呢?
直接问ai:
新增技术文档,惊掉我的下巴,严重怀疑ai在胡说八道。于是根据ai的文档,与实际功能核对下
2、一句话生成贪吃蛇游戏
切换到“Builder”模式。
提出需求,如:使用 web 技术栈生成一个贪吃蛇游戏/帮我生成一个贪吃蛇游戏。
生成过程中会弹出:“全部拒绝”和“全部接受”的选项,选择“全部接受”。
完成结果图如下,此时已成功实现了一个基于Web技术的贪吃蛇游戏。游戏具有以下特点:
使用HTML5 Canvas作为游戏画布
实现了蛇的移动、食物生成、碰撞检测等核心功能
支持键盘控制(方向键或WASD)
包含分数系统和暂停功能
游戏结束时显示最终得分
现代化的UI设计,包含游戏容器、分数显示和控制说明
尝试玩一下游戏,选择“在文件资源显示”。
找到项目文件夹后,双击打开。
成功运行贪吃蛇游戏(我发现需求相同,但产出结果不一样,比如这一版结果没有“游戏开始”功能,打开页面就直接开始,有点突然)。 键盘按上下箭头有效, 鼠标点击无效。 只能说太久没玩小游戏, 我都遗忘啦
让他继续优化!(有种乙方给甲方狠狠提需求的爽感!)
再次改的代码, 直接就上弹框, 一点不优化,继续优化
演示图片如下,此时有了“开始游戏”功能,如果有其他特殊癖好,只管跟Trae提就好啦!
总结:
请注意:敏感数据建议先脱敏再喂给AI!!
需求提的越详细,结果也会越精准哦!
欢迎大家一起切磋AI的具体使用场景~
搜罗的Trae材料,有需自取
[1]https://mp.weixin.qq.com/s/b5q-xHPrOInmLtCTUFiTEA
[2]https://mp.weixin.qq.com/s?__biz=MzkwNDYyNTU1NQ==&mid=2247486179&idx=1&sn=29d9077dbaa879f1388fd628c102071d&scene=21#wechat_redirect
[3]https://waytoagi.feishu.cn/wiki/W1gwwxPuriUgqWkOSe2cdp5BnVb
[4]https://blog.csdn.net/weixin_41598698/article/details/145750611