几分钟内上线一个网站,Trae 2.0 SOLO 太惊艳了!
公众号关注 “GitHubDaily”
设为 “星标”,每天带你逛 GitHub!
从「AI辅助编程」到「AI自主编程」,不知不觉间,AI IDE 工具正悄然掀起一场技术变革,重新定义未来工程师的工作模式。
7 月 21 日,这场变革迎来了新的里程碑。字节跳动旗下的 AI 编程工具 TRAE,正式发布 2.0 版本,对外推出业界首个 Context Engineer(上下文工程师):SOLO!
该功能真正实现了从需求编写、架构设计、代码开发、自动化测试到项目部署的全方面项目开发流程,一气呵成,用火箭般的速度完成软件开发。
拿到内测权限后,体验下来就一个字:爽!
SOLO 立足于开发角度,让这一切不再是止于协助编程,而是成为具备独立思考、规划、构建并交付端到端功能的成熟工程师。
下面我将通过开发一个完整的背单词应用,带大家亲身感受,TRAE 2.0 的 SOLO 模式,到底有多强大。
焕然一新
首先我们需要将本地 TRAE 升级到 2.0 以上版本,或从国际版官网(https://www.trae.ai/)下载最新版本。
安装完成并打开,点击左上角或在对话框内输入@ 选择 SOLO Builder 进入到 SOLO 模式:
目前 SOLO 还在内测当中,想要体验需邀请码,我拿到了几个名额,具体获取方式后面会提及。
在 SOLO 模式,你能看到如下界面,相对以往 IDE 模式,整个界面有着非常大的变化:
左侧更改为 AI 对话区域,右侧为代码编辑器区域,顶部工具栏可快速切换到终端、浏览器、文档预览等工具。
简单了解完 TRAE 2.0 切换到 SOLO 模式的界面后,下面正式进入体验。
能力初探
周末我在外面咖啡店办公时,偶尔会看到很多学生利用暑假时间,手捧一本厚厚的词典在苦背单词。
这种方式笨重且低效,今天就让 SOLO 来构建一个在线背单词网站,帮助他们来高效背单词。
简单描述一下 Prompt 需求:
我想做一个网页背单词应用。用户可以选择不同的词库(比如四六级、雅思、托福、考研词汇等),有记单词和背单词两种模式切换。记单词模式:屏幕上显示英文单词、音标以及中文意思,用户按顺序输入单词的每个字母,正确的字母显示绿色,错误的显示红色。背单词模式:隐藏单词每个字母变为下划线,显示音标和中文意思,用户在下划线位置逐个输入对应的英文字母,输对显示绿色,输错显示红色。应用风格简洁干净,键盘输入带有反馈效果。希望一进去就能直接用,默认选择一个词库中间显示要学习的单词。
复制这段描述,粘贴到对话框内,懒得打字的话,也可以试下语音输入,然后点击发送。
SOLO 立马开始分析问题,思考片刻后,便在右侧输出一份完整的产品需求文档,包括产品概述、功能模块、页面详情,核心流程图等等内容,供我们确认:
除此之外,我们还可以直接对需求文档进行编辑修改,需求看来没什么问题,点击「确认,开始开发」按钮,SOLO 便会进入代码编写模式:
实时跟随,现场观摩
值得一提的是,SOLO 还有个「实时跟随」功能。默认开启,我们可以实时看到 SOLO 执行命令、编写代码的全过程。
如下图所示,左边像大脑在思考,右边像双手在编写代码。你就像老板一样,拿杯咖啡端坐一边,安静的看着 AI 工程师为你埋头干活,颇有意思:
大概等待了一两分钟时间,一个英语单词学习网页就出现在我们的眼前,默认显示在 TRAE 内置的浏览器中:
选择元素,精准定位
从用户体验上看,我觉得整体界面还可以优化,比如让单词展示更为直观。
为了实现该效果,我打算让「单词卡片」更改为暗黑模块,并将其与「学习进度」模块调换。
刚好,这个需求可以拿来试下 SOLO 的「选择元素」功能。
在我们选中元素后,可以通过 AI 提示词,来调整它的样式,甚至改动整个页面布局。
对于用户来说,此功能得以令整个编程体验更加友好,界面上的改动操作也更为直观与便捷。
在发送完提示词后,SOLO 很快就精准定位到对应代码的位置,并进行调整。
再次预览时,可看到页面成功改动:
这个功能对于前端应用来说颇为实用,它让我们准确地指定 UI 元素,告诉 AI 进行精准修改,比如进行删除组件、调整样式等操作,避免出现因自然语言描述模糊,而让 AI 难以理解的尴尬场面。
AI 智能测试与自我修复
在浏览 SOLO 生成的代码时,我发现了一个问题:目前页面上的单词数据,均为 AI 生成并内嵌在代码中,并非完整的四六级单词词典数据。
要解决这个问题也很简单,让我们继续优化应用:从网上找到最新大学四六级、雅思、托福和考研的词汇 JSON 文件,让 SOLO 替换掉本地写死的数据。
由于无法直接上传 JSON 文件给 SOLO,我们可以先让它在项目中创建目录,把文件放到指定位置后,再撰写代码。
具体提示词如下:
发现你的词汇是在本地写死,我从网上找到了一些词汇 JSON 文件,分别是:CET4_T.json - 大学英语四级CET6_T.json - 大学英语六级IELTS_3_T.json - 雅思TOEFL_3_T.json - 托福KaoYan_3_T.json - 考研由于无法直接上传文件给你,你可以先告诉我放在哪个目录下,然后再撰写代码
在这次优化过程中,偶然发现了 SOLO 一个很牛的功能:它竟然能进行自我测试,自动识别错误并主动修复!
比如这次在启动服务器预览时,它会检查页面是否加载正常,当控制台输出错误信息时,SOLO 能够自动捕获并进行修复。
除此之外,也可以一键将控制台错误信息添加到 AI 对话中,让 SOLO 进行修复。
错误修复后,我们的背单词应用就初步完成了,一起来看看实际效果吧。
无论是需求理解,还是界面设计、功能开发,SOLO 都完美的实现了我们交代的任务。整个过程,你只需通过提示词来对它进行适当引导即可。
这次来真的,一键部署上线!
项目开发完成后,只能在本地自己玩,终究是差点意思,为了让身边的朋友可以通过网页一起体验,接下来我们要将项目部署上线。
这里就要提到 SOLO 的另一项新功能:将应用一键部署到 Vercel 上,几分钟即可快速上线。
点击页面右上角的「部署」按钮:
首次使用需要我们授权让 TRAE 连接 Vercel,点击「开始授权」,将会自动跳转到浏览器中,按引导完成操作:
授权成功后,回到 TRAE 我们再一次点击「重新部署」按钮:
部署成功后,会直接显示访问链接,我们还可以一键复制链接分享给朋友访问。
后续如需修改应用,完成调整后可以点击「部署新版本」按钮一键部署。
至此,TRAE 这次新推出的 SOLO 核心功能点已带大家体验完毕。
写在最后
前不久,我听了 Andrej Karpathy 大神的一场演讲:《Software in the Era of AI》,在演讲中,他提到了软件 3.0 这一概念。
1.0 是传统手工编写代码,2.0 是神经网络取代算法代码,3.0 则是通过提示词来生成代码。
在可预见的将来,软件 3.0 将通过颠覆以往的传统软件开发流程,成为整个领域不可忽视的存在。
在现阶段,一个成熟的 AI IDE,便是你开始踏足这片领域的必备法宝。
今天给大家介绍的 Trae 2.0,它可以做到 PRD 文档生成、界面 UI 设计、代码开发测试、Bug 自动修复,到最终部署上线,从软件开发层面看,SOLO 已开始具备一名全栈工程师的能力。
短短半年时间,TRAE 不再是当初那个懵懵懂懂,对需求有时候不知所云的辅助编程助手,而是真正蜕变进化为一个能独当重任,推进项目的超级 AI 开发工程师。
在面临诸多竞争压力的困境之下,TRAE 通过不断更新迭代,最终在 AI 编程工具中成功占据一席之地,并在今日,借助 SOLO 这把利剑的锋芒,惊艳四方!
不得不说,在软件 3.0 领域,对于它下一步能达到何种程度的技术进展,我甚是期待。
福利大派送:
目前,TRAE 的 SOLO 功能目前已在国际版正式上线,但需要 Pro 用户通过 SOLO Code 激活才能使用。
产品上线初期,内测名额非常稀缺,我厚着脸皮,找官方团队要到了 5 个名额,想要的朋友,可以在评论区分享下日常使用 AI 编程工具的经验。
我将从中选取 5 位优秀的分享者发放 SOLO Code 激活码,欢迎积极参与!
如果没有被选取到的同学,可以到官网上加入 Waitlist,耐心排队等候发放。
好了,今天的分享到此结束,感谢大家抽空阅读,我们下期再见,Respect!