字节AI编程神器Trae的保姆级使用指南

打工人必备!字节AI编程神器「Trae」保姆级使用指南

一、Trae的定义

Trae是字节跳动推出的智能编程助手,像我们的"编程小老师",无需懂复杂代码,用中文描述需求就能自动生成代码,可以几分钟搞定贪吃蛇、扫雷等小游戏,分析数据等重复性工作。

二、Trae亮点!

小白也能玩儿

跨平台使用

支持Mac、Windows、Linux版本。

免费且无限使用顶级模型

内置Claude 3.5 和 GPT-4o 两个顶尖模型。

三、Trae的下载

https://www.trae.ai/download
在这里插入图片描述

四、详细使用步骤

1、Windows系统和Mac系统的操作步骤基本一样,此处以mac电脑做演示,点击登录。(下载软件后点下一步下一步,在此就不截图啦~)
在这里插入图片描述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”模式下进行聊天,有两大模型可选,会基于我们描述的需求,解释/修改/编写/代码,从代码中检测出一些常见错误。
在这里插入图片描述在这里插入图片描述在这里插入图片描述6、如果想让Trae直接帮我们开发网站/应用,选择“Builder”模式提需求,点击“打开本地文件夹”,选择用于放项目代码的文件夹,点击“打开”。(具体案例请见下一章节)
在这里插入图片描述在这里插入图片描述

五、场景演示

1、一句话生成贪吃蛇游戏

切换到“Builder”模式。
在这里插入图片描述提出需求,如:使用 web 技术栈生成一个贪吃蛇游戏/帮我生成一个贪吃蛇游戏。
在这里插入图片描述
生成过程中会弹出:“全部拒绝”和“全部接受”的选项,选择“全部接受”。在这里插入图片描述

完成结果图如下,此时已成功实现了一个基于Web技术的贪吃蛇游戏。游戏具有以下特点:
使用HTML5 Canvas作为游戏画布
实现了蛇的移动、食物生成、碰撞检测等核心功能
支持键盘控制(方向键或WASD)
包含分数系统和暂停功能
游戏结束时显示最终得分
现代化的UI设计,包含游戏容器、分数显示和控制说明
在这里插入图片描述
尝试玩一下游戏,选择“在Finder中显示”。(Windows系统选择“在文件夹中打开”这种选项)
在这里插入图片描述找到项目文件夹后,双击打开。
在这里插入图片描述成功运行贪吃蛇游戏(我发现需求相同,但产出结果不一样,比如这一版结果没有“游戏开始”功能,打开页面就直接开始,有点突然)。
在这里插入图片描述在这里插入图片描述
让他继续优化!(有种乙方给甲方狠狠提需求的爽感!)
在这里插入图片描述演示图片如下,此时有了“开始游戏”功能,如果有其他特殊癖好,只管跟Trae提就好啦!

在这里插入图片描述

2、一句话生成扫雷游戏

可以直接输入需求:帮我生成一款扫雷游戏。
或者:先问下他:“我想做一个扫雷游戏,你觉得需要用到什么技术?”
在这里插入图片描述
然后可以说:“按照你的想法帮我生成一款扫雷游戏吧”(或者指定需要使用的技术)
在这里插入图片描述同样方法,打开项目文件夹中的“index.html”,效果图如下(猫咪尖叫!!画面很绝🙀,还能选择难度!放之前,我都不敢想我还能做游戏!):
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
大家可以根据自己的需求进行定制化开发,创建属于自己的游戏🎮,或者部署到自己的服务器上玩儿。

3、一句话生成“待办事项清单”的应用

输入:帮我生成一个“待办事项清单”的应用。
生成效果图如下,可以添加或者删除待办事项。
在这里插入图片描述
在这里插入图片描述

4、一句话编写康奈尔笔记系统

可以通过粘贴图片的方式生成应用,比如帮我生成一个类似于图片这样的“康奈尔笔记法”的应用。
在这里插入图片描述访问网址即可(半成品,还需进一步优化,达到长期存储笔记的目的)。
在这里插入图片描述

5、等待大家开发(任何软件开发问题均可询问!)

在这里插入图片描述

总结:

请注意:敏感数据建议先脱敏再喂给AI!!
需求提的越详细,结果也会越精准哦!

欢迎大家一起切磋AI的具体使用场景~

希望大家在这个AI横行的时代,不要惊慌不要焦虑(大不了打不过就加入),虽然有些人是乙方(比如我),但!我们可以做Trae做AI的甲方吖!我们都会在这个时代留下独特的印记,就像同一个指令会有不同的结局。

下期预告:

ima搭建知识库。

搜罗的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

### 在 VSCode 中使用或配置 TreaAI 的方法 Trea 是字节跳动推出的一款开发 IDE,与 AI 深度集成,提供智能问答、代码自动补全以及基于 Agent 的 AI 自动编程能力[^1]。尽管 Trea 本身是一款独立的开发工具,但在某些情况下,开发者可能希望将其功能与 VSCode 集成以充分利用两者的优点。 以下是关于如何在 VSCode 中实现与 TreaAI 相关的功能的方法: #### 1. 确认 TreaAI 的 API 或插件支持 目前,Trea 提供了对多种大语言模型的支持,包括国内的 DeepSeek 和豆包等模型,同时也支持国外的 GPT 和 Claude 模型(需下载国际版)[^2]。若要将 TreaAI 功能集成到 VSCode 中,需要确认 Trea 是否提供了开放的 API 或者官方推荐的插件支持。如果存在 API 接口,则可以通过编写脚本或安装第三方扩展来实现集成。 #### 2. 使用 VSCode 的扩展市场寻找相关插件 VSCode 拥有丰富的扩展生态系统,可以搜索是否存在与 TreaAI 或类似功能相关的插件。例如,通过访问 [VSCode 扩展市场](https://marketplace.visualstudio.com/) 并搜索关键词“Trea”或“AI Code Completion”,可能会找到一些社区开发的插件,这些插件能够帮助用户在 VSCode 中调用 TreaAI 的功能。 #### 3. 配置自定义任务或脚本 如果没有现成的插件,可以尝试通过以下方式手动配置: - **API 调用**:如果 Trea 提供了 RESTful API 或 GraphQL API,可以通过 VSCode 的任务配置文件(`tasks.json`)或者扩展如 `REST Client` 来发送请求并接收结果。 - **命令行工具**:部分 AI 工具会提供命令行接口(CLI),可以在 VSCode 的终端中直接运行 TreaAI 的 CLI 命令,并结合 VSCode 的键绑定功能实现快捷操作。 #### 4. 替代方案:使用其他 AI 插件 如果 TreaAI 尚未提供与 VSCode 的直接集成支持,可以考虑使用其他类似的 AI 编程助手插件作为替代方案,例如: - GitHub Copilot - Tabnine - Kite 这些插件同样具备强大的代码补全和生成能力,能够在一定程度上满足开发需求。 ```json // 示例:VSCode tasks.json 配置文件示例 { "version": "2.0.0", "tasks": [ { "label": "Run TreaAI API", "type": "shell", "command": "curl https://api.trea.ai/generate -d '{\"prompt\": \"${input:codePrompt}\"}'", "problemMatcher": [] } ], "inputs": [ { "id": "codePrompt", "type": "promptString", "description": "Enter your code prompt:" } ] } ``` #### 注意事项 - 国际版 Trea 可能需要额外的网络配置才能正常使用国外模型服务[^2]。 - 如果计划长期使用 TreaAI 的高功能,建议关注其官方文档或社区支持,以获取最新的集成指南。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值