前言
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,提升开发效率。
到此结束,祝你此刻愉快自在。