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

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

相关推荐
夕水12 天前
自动化按需导入组件库的工具rust版本完成开源了
前端·rust·trae
石小石Orz12 天前
写了个插件,给代码里藏东西,线上可用!
trae
用户40993225021212 天前
FastAPI与Tortoise-ORM模型配置及aerich迁移工具
后端·ai编程·trae
Goboy12 天前
用Trae,找初恋,代码写人生,Trae圆你初恋梦。
llm·trae
星际码仔12 天前
让大模型“活在当下”: 你必须要了解的 Context7 MCP
ai编程·mcp·trae
酱酱们的每日掘金13 天前
用了 Trae 后,感觉离京东外卖不远了、Cursor 的系统级提示词逆向、前端也需要了解的 mcp 知识-AI Coding 周刊第 6 期
人工智能·ai编程·trae
用户40993225021213 天前
异步IO与Tortoise-ORM的数据库
后端·ai编程·trae
沉默王贰13 天前
使用Cursor 打造了一款记账APP
ai编程·cursor·trae
不客观说13 天前
豆包MarsCode实现贪吃蛇
trae
编程指北13 天前
字节 Trae 最新更新,支持 MCP 和智能体,最新一手实测!
前端·trae