我正在参加Trae「超级体验官」创意实践征文，本文所使用的 Trae 免费下载链接： www.trae.ai/?utm_source…
什么是Trae
大家应该都知道MarscodeAi 那么 traeMarsCode什么关系呢? 堂主原话:
trae简单理解就是一个集成了ai的IDE类这里不需要插件 类似github copilot,并且因为它本身就是ai编译器,可以更好的读取你的项目,根据你的项目来生成ai....等等 关于Trae的介绍有很多文章,本文主要介绍如何直接去使用它并且使用场景.
Trae初体验
背景,本人不会vue,纯后端开发.一点vue语法没有,只有后端开发的基础编程知识,了解命令,了解代码,当然你是小白也可以完全使用这个编译器生成代码
使用经历
因为我本地环境没有vue 没有node环境,我让ai自动帮我生成需要vue的环境,这里跟ai的会话我给删了,简单就是说让他给你弄vue环境 ,这里trae自带执行启动终端命令 点一下命令自动在终端执行如图
生成俄罗斯方块
这里ai给我生成的代码我直接全部接受,然后点击命令执行
这块是因为命令执行错误 直接把这个终端的对话 输入到ai 问ai原因 如图添加到对话即可.
中间有几个bug显示 直接问ai即可
坦克大战
第一个对话是我使用3.7 但是今天刚更新 排队的人也对,并且排完队后超时了,所以没有成功 我切换成3.5后继续生成
全部接受代码即可,
运行成功后 页面出现问题,然后吧命令行报错在输如给ai让他根据报错修改代码
两个游戏 合并成一个主页面可以跳转
突发奇想,两个游戏合并成一个游戏中心,可以跳转 直接告诉他即可.
赛车游戏
再加一个赛车游戏吧
赛车游戏ui 不好看 并且 实现方式不好 继续优化
游戏中心预览图
这里预览图他自己生成了是假的 我从百度图片找了几张 替换了一下
最终效果
体验地址:juejin-trae-git-main-withyuans-projects.vercel.app
总结
用了10分钟下载和搭环境 用了10分钟完成第一个游戏,用了10分钟完成后两个游戏+页面整合 整体30分钟 从0-1完成了一个页面的游戏中心,trae 还是太强大了.联合ai 让小白也可以自己创新,根据自己的想法生成自己的游戏并且去运行他.初次体验下来感觉未来会有很多产品由trae联合开发出来.很长时间没时间的结对编程,由ai来实现了!
部分代码
git 地址:github.com/withyuan/ju…
