💡 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,提升开发效率。

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

相关推荐
掘金酱18 小时前
😊 酱酱宝的推荐:做任务赢积分“拿”华为MatePad Air、雷蛇机械键盘、 热门APP会员卡...
前端·后端·trae
用户40993225021219 小时前
FastAPI与SQLAlchemy数据库集成与CRUD操作
后端·ai编程·trae
小奏技术1 天前
Cursor AI写码一月20美刀太贵?试试这套免费替代方案
aigc·openai·trae
夕水2 天前
好消息,好消息,前端可以使用免费的ai模型构建一个ai聊天会话了
vue.js·trae
yyywxk2 天前
Trae 下安装 Pylance 插件(仅作为实验,版权由微软所有)
microsoft·trae
创码小奇客2 天前
MongoDB 增删改查:从青铜到王者的全攻略
java·mongodb·trae
石小石Orz2 天前
颠覆常规!3 种方式打造圆环组件,不用 ECharts 也能玩出花
trae
whoisi22223 天前
用Trae做一个Roguelike爬塔游戏
人工智能·ai编程·trae
汪子熙3 天前
使用 Trae 快速上手微信小程序开发
人工智能·trae
用户4099322502123 天前
FastAPI依赖注入性能优化策略
后端·ai编程·trae