以下是一些通过 AI 代码可生成的简单好玩的东西:
从实际体验来看,Trae 具有高效的代码生成能力、多技术栈支持和动态调整潜力。无论是小游戏、待办事项清单还是其他应用,都能在短时间内生成完整框架,代码结构清晰且功能齐全。
最近你可能会觉得DeepSeek大模型那么火,为什么就不直接用它呢?是的,DeepSeek的确是我们的国产之光,现在全国、小到普通用户,大到政府、企业,都在接入和使用它。但是DeepSeek对于协助编程有一个先天不足的地方,就是它最大的上下文长度只有64k,有点短了!生成代码的质量固然可以和国外顶尖大模型媲美,但是因为上下文限制,导致它无法处理更长的上下文,也就无法理解和处理更复杂的代码项目了,所以Trae+Claude 3.5等的组合,是目前协助编程比较好的解决方案。好了,知道大家都等不及了,接下来我就带大家来练练手,看看用Trae零代码能做出什么好玩又实用的东西来~[heading3]逆袭第一式:零代码,几分钟搞出能发朋友圈炫耀的小游戏![heading4]案例1:贪吃蛇游戏[content]在Trae上,通过快捷键打开AI聊天窗口→点击“Builder模式”→输入“帮我创建一个贪食蛇的游戏”→等60秒→AI生成代码→点“运行”。我们来看看效果如何:是不是感觉有点简单就实现了你第一个小游戏?我们快速再来一个新游戏-赛车游戏。[heading4]案例2:赛车游戏[content]一样的步骤,我们把刚刚创建的贪吃蛇游戏代码删掉,然后输入“帮我创建一个赛车游戏”,等60秒,AI生成代码,点“运行”:是不是觉得,你也可以做出这么炫酷的小游戏?哈哈,那我们来试试更复杂一点的,比如通过AI生成你的待办事项清单。
在Trae上,通过快捷键打开AI聊天窗口→点击“Builder模式”→输入“帮我创建一个贪食蛇的游戏”→等60秒→AI生成代码→点“运行”。我们来看看效果如何:是不是感觉有点简单就实现了你第一个小游戏?我们快速再来一个新游戏-赛车游戏。[heading4]案例2:赛车游戏[content]一样的步骤,我们把刚刚创建的贪吃蛇游戏代码删掉,然后输入“帮我创建一个赛车游戏”,等60秒,AI生成代码,点“运行”:是不是觉得,你也可以做出这么炫酷的小游戏?哈哈,那我们来试试更复杂一点的,比如通过AI生成你的待办事项清单。[heading3]逆袭第二式:零代码,几分钟搞定你的待办事项清单![content]一样的套路,先清空旧的文件,然后在对话框直接复制问一句“生成一个待办事项清单的应用”,如图:如果有开发环境的问题,你可以继续在对话框输入具体问题,AI都会帮你解决的。我们只要跟着AI的提示一步步操作,最终就得到了以下这个待办事项清单:效果达到了,但是你可嫩觉得稍微有点丑?没关系,这次我们进阶一下,接下来我们直接上传下面这个图片给AI,并告诉它“我要一个与图片类似的待办事项清单”:我们来看看效果:是不是瞬间就高级了很多?而且AI还顺便帮我基于图片一些新增功能也一并搞定了,一个实用又好看的小工具就诞生了!好了,最后我们要不继续进阶一下,来个剪贴板记录的桌面应用?
-控制按钮(开始、暂停、重新开始)-游戏说明2、生成一个任务清单应用输入框中输入:使用Web技术开发一个任务清单应用过程如上,直接看效果:一个很朴素但功能俱全的任务清单应用3、根据UI设计图自动生成项目代码从站酷上找一张设计图,如下(侵删):输入提示:使用html技术实现如图大屏页面看一下效果:页面不是很完美,图表挤一块儿了,中间地图没有实现。不过,我们可以接着让Trae调整:“调整一下,给图表设置合适的宽高比例,自适应页面大小”还不错,图表大小都正常了。虽然缺了中间的地图、图表排列也有点问题,但大致的布局和局部的功能都已经实现了。六、总结从实际体验来看,Trae的表现可圈可点。高效代码生成能力:无论是贪吃蛇游戏还是任务清单应用,Trae都能在几分钟内生成完整框架,代码结构清晰且功能齐全,甚至能自动处理依赖项和运行命令。多技术栈支持:从HTML5、响应式CSS布局、到Echarts图表实现,Trae对Web技术的掌握远超预期,案例中生成的代码可直接运行且无明显语法错误。动态调整潜力:在UI设计图生成案例中,Trae虽未完美复现设计图,但能根据用户反馈快速调整样式,自适应布局的实现展现了AI的迭代能力。对此,爽哥表示:现在的AI越来越强大了,小白不需要懂代码也能用AI编程工具进行程序开发了,程序员感到深深的危机感!