来了，AI编程神器Trae的保姆级使用指南

来了，AI编程神器Trae的保姆级使用指南 来了，AI编程神器Trae的保姆级使用指南 Modified March 7, 2025 最后Trae进行了工作总结，说明已经实现的功能： 游戏包含以下特性： 使用HTML5 Canvas进行游戏渲染 JavaScript实现游戏逻辑 CSS提供美观的用户界面 响应式设计，适配不同屏幕尺寸 主要功能： 蛇的移动控制（支持方向键和WASD键） 随机生成食物 碰撞检测（墙壁和自身） 分数计算系统 游戏状态管理（开始、暂停、重新开始） 游戏结束提示 游戏界面包含： 游戏标题和分数显示 游戏画布 控制按钮（开始、暂停、重新开始） 游戏说明 2、生成一个任务清单应用 输入框中输入： 使用Web技术开发一个任务清单应用 过程如上，直接看效果： 一个很朴素但功能俱全的任务清单应用 3、根据UI设计图自动生成项目代码 从站酷上找一张设计图，如下（侵删）： 输入提示： 使用html技术实现如图大屏页面 看一下效果： 页面不是很完美，图表挤一块儿了，中间地图没有实现。 不过，我们可以接着让Trae调整： “调整一下，给图表设置合适的宽高比例，自适应页面大小” 还不错，图表大小都正常了。 虽然缺了中间的地图、图表排列也有点问题，但大致的布局和局部的功能都已经实现了。 六、总结 从实际体验来看，Trae的表现可圈可点。 高效代码生成能力： 无论是贪吃蛇游戏还是任务清单应用，Trae都能在几分钟内生成完整框架，代码结构清晰且功能齐全，甚至能自动处理依赖项和运行命令。 多技术栈支持 ： 从HTML5、响应式CSS布局、到Echarts图表实现，Trae对Web技术的掌握远超预期，案例中生成的代码可直接运行且无明显语法错误。 动态调整潜力： 在UI设计图生成案例中，Trae虽未完美复现设计图，但能根据用户反馈快速调整样式，自适应布局的实现展现了AI的迭代能力。 对此，爽哥表示： 现在的AI越来越强大了，小白不需要懂代码也能用AI编程工具进行程序开发了，程序员感到深深的危机感！ 不过大家也不要焦虑，工具再强大也是掌握在人的手中的。程序员与其焦虑，不如拥抱变化： 让AI成为你的“超级实习生” ，而你，始终是那个把控方向的 “技术指挥官” 。在这个人机协作的新时代，善用工具者，终将脱颖而出！ 最后Trae进行了工作总结，说明已经实现的功能： 游戏包含以下特性： 使用HTML5 Canvas进行游戏渲染 JavaScript实现游戏逻辑 CSS提供美观的用户界面 响应式设计，适配不同屏幕尺寸 主要功能： 蛇的移动控制（支持方向键和WASD键） 随机生成食物 碰撞检测（墙壁和自身） 分数计算系统 游戏状态管理（开始、暂停、重新开始） 游戏结束提示 游戏界面包含： 游戏标题和分数显示 游戏画布 控制按钮（开始、暂停、重新开始） 游戏说明 2、生成一个任务清单应用 输入框中输入： 使用Web技术开发一个任务清单应用 过程如上，直接看效果： 一个很朴素但功能俱全的任务清单应用 3、根据UI设计图自动生成项目代码 从站酷上找一张设计图，如下（侵删）： 输入提示： 使用html技术实现如图大屏页面 看一下效果： 页面不是很完美，图表挤一块儿了，中间地图没有实现。 不过，我们可以接着让Trae调整： “调整一下，给图表设置合适的宽高比例，自适应页面大小” 还不错，图表大小都正常了。 虽然缺了中间的地图、图表排列也有点问题，但大致的布局和局部的功能都已经实现了。 六、总结 从实际体验来看，Trae的表现可圈可点。 高效代码生成能力： 无论是贪吃蛇游戏还是任务清单应用，Trae都能在几分钟内生成完整框架，代码结构清晰且功能齐全，甚至能自动处理依赖项和运行命令。 多技术栈支持 ： 从HTML5、响应式CSS布局、到Echarts图表实现，Trae对Web技术的掌握远超预期，案例中生成的代码可直接运行且无明显语法错误。 动态调整潜力： 在UI设计图生成案例中，Trae虽未完美复现设计图，但能根据用户反馈快速调整样式，自适应布局的实现展现了AI的迭代能力。 对此，爽哥表示： 现在的AI越来越强大了，小白不需要懂代码也能用AI编程工具进行程序开发了，程序员感到深深的危机感！ 不过大家也不要焦虑，工具再强大也是掌握在人的手中的。程序员与其焦虑，不如拥抱变化： 让AI成为你的“超级实习生” ，而你，始终是那个把控方向的 “技术指挥官” 。在这个人机协作的新时代，善用工具者，终将脱颖而出！ 🔗 原文链接： https://mp.weixin.qq.com/s/pGlBcokU... https://mp.weixin.qq.com/s/pGlBcokU... ⏰ 剪存时间：2025年03月03日 09:07 河南 AI爽哥 爽哥玩AI 大家好，这里是 玩AI的程序猿爽哥，专注AI工具、AI智能体、AI动态分享，欢迎大家关注！ 一、什么是 Trae？ Trae是字节跳动推出的 智能编程助手 ，提供基于Agent的AI自动编程能力，使用自然语言对话就能实现代码编写。 二、Trae的功能 除了提供传统的 IDE 功能，包括代码编写、项目管理、插件管理、源代码管理等，还提供以下功能： 智能问答 在编写代码时，你可以随时与 AI 助手对话，获得代码解释、代码注释和错误修复等帮助。 实时代码建议 AI 助手能够理解当前代码并在编辑器中实时提供代码建议，提升编程效率。 代码片段生成 通过自然语言描述你的需求，AI助手将生成相应的代码片段，甚至能够编写项目级或跨文件的代码。 从 0 到 1 开发项目 告诉AI助手你想开发的程序，AI助手将根据你的描述提供相关代码或自动创建所需文件。 三、下载Trae 官网下载地址：https://www.trae.ai/download 支持Mac系统、Winfows系统、未来支持Linux系统 四、使用方法 1、安装： 下载完成后按照界面提示一步步安装即可 2、登录：安装完成以后看到下面的界面，点击右侧登录按钮 3、程序自动打开一个网页提示你登录，如果没有账号的话需要先注册 登录完之后呢，你会发现一个提示”App Unavailable“，意思是App不可用，这是因为Trae仅在部分地区可用（此时需要开启科学上网） 4、网页登录成功之后可以把科学上网关掉了，再点击中间这个大的按钮 5、然后就自动进入Trae的客户端了 查看对话框右下角，可以看到三种大模型的选择 Claude 3.5 Sonnet、Claude 3.7 Sonnet、GPT 4o 6、可以看到Trae提供了两种模式 Chat模式 ：根据描述进行代码生成、解释、分析问题或解决问题 Builder模式 ：可以让Trae帮助我们从0开发一个完整的项目，对代码文件的任何更改都会自动保存 五、使用案例 1、生成一个贪吃蛇游戏 打开Builder模式，直接输入：使用 web 技术栈生成一个贪吃蛇游戏 太火了，竟然还要排队！ 排队完成后，Trae开始思考和代码编写过程， 期间需要我们手动接入进行文件审查，在提示中点击“全部接受” 代码生成完成之后，Trae自动运行命令启动页面 点击运行，在Webview中即可看到实现的游戏效果，试玩一下基本没有什么Bug