💡 AI浪潮下,TRAE是真香啊💡

前言

AI浪潮下,不会一款AI神器,就不要说是当代人,应该是山顶洞人。

当然,慢慢地,开发者定位也在转变。

你会用AI,就牛过不会用AI的;你会用多几个AI神器,那你就牛过只会问问题的用AI的人;你会...(来你来造句吧🐶)。

在AI时代,开发者的角色正在从"编码者"转变为:

需求分析师 :准确理解和拆解业务需求
AI监工 :指导和修正AI的工作输出
系统架构师 :把控整体技术架构
质量保证:确保最终交付质量

立即体验Trae官网 开启你的AI辅助游戏开发之旅!


正文

👋那么,此刻,让我们通过一次用AI Trae Ide做一些有趣的小东西,或许你感兴趣,能在这个浮躁的环境背景下看完我这篇在这么人才济济的平台上小小不起眼的文章吧。

计算器

通过简单的prompt提示,向Trae提出你想要的,它就会构建我们所要。跟它就像索取一样,服务我们,你跟它讲出诉求,它给我们结果。

有两种模式,一个是Chat,一个是Builder

视觉UI设计 + AI生成代码(无需自己编写任何,机器帮我们完成所有工作,我们只需校准、监督、质检)。

提示语(可以粘贴,去做属于你自己的计算器):

js 复制代码
像 UI 设计师一样行动。
您需要设计一个简单的计算器应用程序:
- 视觉风格:现代;
- 调色板:自由选择,看起来不错的东西;
- 排版:自由选择, 好看的东西。

样式:
- 中性
- 新兴
- 玻璃形状
- 扁平化设计
- 暗色模式

编写并运行

粘贴去builder,可能需要一些时间,但是比我们自己手动开发快得不是一星半点。

当点击发送之后,就可以看到它开始创建文件并添加一些相关的信息,同时它也在自动写代码,当然,这之间,不同的模型可能给出的相关代码不一样。

模型列表:

可以看到:

已成功创建了一个现代风格的计算器应用程序,具有以下特点

视觉设计

采用深色玻璃态 设计,搭配优雅的渐变色按钮

使用半透明效果和模糊背景 ,营造现代感、

实现了扁平化设计 风格、

加入了细腻的悬浮和点击动效

功能实现

支持基本的数学运算(加、减、乘、除 )、

包含百分比计算和正负号 切换、

支持小数点 输入、

实现了清除 功能、

优化了数字显示和计算精度

所有文件均已创建完成:
index.html:包含页面结构和样式
script.js:实现计算器的核心功能交互逻辑

效果:

可以看到一句代码都不需要我们写,Trae自动帮我们做这些操作,当然如果中途叫它改一下计算器的风格,也是可以的,对于AI机器来说,改这些轻而易举。

野蛮风

可爱风

简约风

这些都是我们一句代码不用写,不用考虑UI,只需要描述你的需求即可。

接下来我们添加一个刷新按钮,去切换这些风格。所以如果你有什么想法,有什么想做的,你可以不用会编程,或者只是一些皮毛,就可以极速地做出一些可能需要耗费一些时间的项目。

总结

传统工作流 vs AI辅助工作流

环节 传统方式 AI辅助方式
需求分析 会议讨论 自然语言描述
UI设计 Photoshop/Sketch AI生成设计稿
前端开发 手动编码 AI生成响应式代码
功能实现 逐行调试 自然语言指令调整
测试验收 人工测试 AI自动化测试建议

Trae使得编程更加简单了,简单地说,我们真的由编码者的身份转向监督者,转向分析者,转向质检者。

不要觉得没必要去了解AI,时代车轮滚滚向前,已经由不得我们同不同意它的到来。我们要做的,就是了解它,学习它,在生活中能运用到它解放自己的地方,尽量去试试看AI能不能更快更好更能想到我们想不到的角角落落。最后,拥抱AI,提升开发效率。

到此结束,祝你此刻愉快自在。

相关推荐
小徐_23333 小时前
当年偷偷玩小霸王,现在偷偷用 Trae Solo 复刻坦克大战
trae
创码小奇客3 小时前
深度对比:RocketMQ 凭什么成为阿里系首选消息队列?
后端·消息队列·trae
Goboy4 小时前
轻松实现贪吃蛇游戏:Trae 开发者的新体验
trae
Goboy4 小时前
Trae轻松实现经典数字猜测
trae
水饺4 小时前
Tree Solo 模式体验
trae
前端卧龙人4 小时前
trae初体验,小白也可以快速上手开发游戏
trae
布瑞泽的童话5 小时前
有了SOLO后,一天一个独立产品不是梦
ai编程·trae
bytebeats5 小时前
Trae 让人人皆可成为程序员
trae
bytebeats6 小时前
Trae 2.0 Solo: 这并非又一个 Copilot
trae
bytebeats6 小时前
使用 Trae 进行 iOS 开发
trae