保姆级教程!零代码小白用 Trae 做出 3 个爆款工具实录

我正在参加 Trae AI 编码从入门到实践线上共学第一期,Trae 免费下载链接: www.trae.ai

直到前几天,我偶然发现了字节跳动也终于发布了国内版 Trae。

"又一个程序员专用工具罢了",我本来这么想的。

但等下,这次的专用工具不需要科学上网,支持满血版 DeepSeek R1,而且完全免费,专为国人定制的

之前网上说的各种新手零代码上手开发工具,的确是容易上手,但都缺了一个前提,都需要科学上网...普通人哪会使用科学上网?

所以这次,那不真正不懂技术的普通人也可以直接用了?

不需要任何编程知识,只要用自然语言描述你想要什么,Trae 就能帮你实现出来。

当然,Trae 其实也是一个全场景覆盖的产品,不仅适合 0 基础开发者,对于资深开发者也有非常好的帮助,对于复杂代码,长文本的处理的场景也支持

所以我当场就决定:必须再写一篇文章好好介绍下国产版的 Trae 究竟能不能和自带国外 Claude 等前沿大模型的国际版 Trae 有的一拼!

为了证明国产版的 Trae 真的能让普通人也能创造出有用的东西,我用它尝试做了三个实用小工具:图片压缩工具社交媒体内容生成器健康习惯追踪器

让我们来看看国产版的 Trae 的极限究竟在哪里。

如果你也曾有过"要是有这样一个工具就好了"的想法,但苦于没有技术能力实现,那这篇文章绝对值得你读完。因为,国产版的 Trae 也正在改变"只有程序员才能创造软件"的游戏规则!

Trae 是什么?先来了解一下这个神器

在开始介绍我创建的三个小工具前,先简单介绍一下 Trae 这个神器 (技术小白科普)。

访问链接:www.trae.com.cn/

Trae 是字节跳动推出的国内首个 AI 原生 IDE(集成开发环境),专为中文开发者深度定制。它搭载了国内版的 Doubao-1.5-pro 模型,还支持切换到满血版的 DeepSeek R1 和 V3 模型

但这些专业术语对普通人来说可能就像天书一样,所以我用大白话解释一下:Trae 就是一个能听懂你说话,然后帮你写代码的超级助手

你只需要用自然语言告诉它:"我想做一个能压缩图片的工具",它就能自动帮你完成所有编程工作,从界面设计到功能实现,一条龙服务。

最牛逼的是,Trae 有一个叫Builder 模式的功能,它能自动拆解你的需求,并完成多轮编码任务。简单来说,就是你描述一个想法,它直接给你变出一个成品。

好了,废话不多说,直接上干货!下面我就用三个实际案例,带大家看看普通人如何用国产版的 Trae 创造出实用工具。

案例一:一键搞定图片压缩

如果是一个经常发朋友圈的人,最烦的应该是图片上传时被各种压缩,美食照变成了"猜猜我吃了啥",风景照变成了"这是哪国的马赛克艺术"...

虽然市面上有很多图片压缩工具,但要么需要下载安装,要么需要上传到服务器(谁知道你的私密照片会不会被偷看?)。

于是,我想到了用 Trae 做一个简单易用、本地处理的图片压缩工具。

我是怎么用 Trae 创建这个工具的?

我只是告诉 Trae:

"我想创建一个简单易用的图片压缩工具,需要有上传区域、压缩设置区和预览区。所有处理都在浏览器本地完成,不上传到服务器。界面要简洁现代,主色调用蓝色。"

然后,神奇的事情发生了。Trae 开始自动生成代码,不到一分钟,一个完整的图片压缩工具就诞生了!还直接帮我运行起来了程序,让我直接打开浏览器预览!

看到这个界面,这特么也太简单了吧?而且功能一应俱全:

  1. 拖拽上传:直接把图片拖到虚线框里就能上传
  2. 灵活设置:可以调节压缩质量、最大宽度
  3. 实时预览:压缩前后对比,直观看到效果
  4. 本地处理:所有操作都在浏览器中完成,不会上传到任何服务器
  5. 一键下载:压缩完成后直接下载,方便快捷

给大家看看对应的效果:

它根据我的参数,真的就压缩成功了!而且可以直接下载压缩后的图片,非常方便。图片真的从 1MB 压缩到了 64KB,而且画质还保持的很好。

最让我震惊的是,我全程没写一行代码,只是用自然语言描述了需求,Trae 就帮我实现了一个专业级的工具。

案例二:社交媒体内容生成器

作为一个经常需要在各个平台发内容的人,我深知"写什么"和"怎么写"这两大难题有多折磨人。每次打开编辑框,就像面对一张白卷,大脑一片空白...

特别是现在要在微信、知乎、小红书等多个平台发布内容,每个平台的风格和受众还不一样,简直要了老命了!

于是,我又向 Trae 提出了需求:

"帮我创建一个社交媒体内容生成器,能根据用户输入的主题和关键点,自动生成适合不同平台的文案。界面要分为文案生成、配图生成和发布计划三个模块。"

Trae 这次几分钟后,尝试帮我生成一个雏形,但是报错了,我来回了几次让他帮我修复问题:

到最后,它总算是帮我生成了整个页面交互的雏形:

它竟然可以将我说的需求对应的前端交互都实现了:

  1. 选择行业类型(零售、餐饮、旅游等)
  2. 输入内容主题(新品发布、节日促销等)
  3. 填写几个关键信息点
  4. 选择目标平台(微博、微信、抖音、小红书)
  5. 选择文案风格(专业正式、轻松随意、幽默风趣等)

当然,这次的挑战是有点大的,实际后端功能这块,它还是没帮我实现,我需要自己来实现,毕竟这其实需要涉及调用一些第三方 AI 大模型 API 和一些相应工具才能做到。

但是这一句话的威力也是有够强的了,自己做个 MVP 产品出来演示还是迭代,都省下不少时间了。

案例三:健康习惯追踪器

最后一个案例是我自己最需要的工具。作为一个经常熬夜、久坐、忘记喝水的现代人,总想看看科技能不能帮我养成一些好习惯。

虽然市面上有很多健康类 App,但要么功能太复杂,要么需要注册账号,要么就是充斥着各种广告和付费项目。

我想要的其实很简单:一个能帮我追踪日常健康习惯的工具,界面清爽,功能实用,最重要的是能直观地看到我的进步。

于是,我又向 Trae 描述了我的需求:

"帮我创建一个健康习惯追踪器,包括仪表盘、习惯管理和数据统计三个模块。主色调用绿色,界面要简洁明了,数据展示要直观。"

第一次的生成,服务是跑起来了,但是好像没有将代码对接到框架里面去路由引用:

好,我们直接叫它修复了...几下(就不断叫它帮我把显示的错误粘贴给它修复),总算页面对上了,还能点上交互:

跟第二个例子一样,前端雏形也算出来了,其实接下来我有点犯难了,因为我为了这个案例,做了个简单的效果图,如下:

但是 Trae 国产版暂时还不支持上传图片去让 AI 读取!所以,没办法,我只能请 Trae 国际版来帮帮我了,毕竟目前国际版的功能是多一些,支持图片读取来生成代码,不过国产版官方也说了,后续会支持的。

来,我们来请它孪生大哥来帮帮忙:

嗯... 找了大哥帮忙后,样式总算跟我图示的效果差不多了,但是好像把我那三个模块功能给搞没了:

我来再发最终效果图跟大哥聊聊修复一下,总算把功能给补上了,而且丰富了不少:

好看了很多了!但还差一点,上面图示的功能都是假数据,实际的交互功能是没有效果的,我们最后找大哥再帮我们完善一下:

现在页面的交互都是假数据,请你帮我实现整个工具实际的交互功能,我要能正常日常使用到。

最后生成的代码,跑起来,好像可以了!

我们先说说主要功能,包括:

  1. 仪表盘:直观展示饮水量、步数、睡眠时间和习惯完成率
  2. 习惯管理:可以添加、编辑、删除自定义习惯
  3. 数据统计:通过图表展示习惯养成的趋势和进步

大哥果然是大哥!不过这里后续进阶的功能,还是有多亏 Trae 国际版的图片识别能力和 Claude 大模型能力,不过我相信,既然 Trae 这个工具本来的功能都是完善的,我们要等待的,就是国产版的 Trae 以及大模型能力后续的更新了。

常见问题解答

问:我完全不懂编程,能用好 Trae 吗? 答:完全可以!Trae 的设计初衷就是让非程序员也能创造软件。你只需要清晰描述你的需求,剩下的交给 Trae。

问:Trae 生成的工具安全吗? 答:非常安全。Trae 生成的工具默认在本地运行,不会上传你的数据。当然,如果你特意要求开发需要联网的功能,那就另当别论了。

问:我能用 Trae 创建什么类型的工具? 答:几乎任何类型的小工具都可以,比如:数据处理工具、内容生成器、简单的游戏、学习辅助工具、生活管理工具等。但目前复杂的大型应用还是有一定局限性的。

问:如果我想分享我创建的工具给朋友,怎么操作? 答:对于 HTML 类型的工具,你可以直接把导出的 HTML 文件发给朋友。对于更复杂的项目,可能需要简单的部署步骤,Trae 通常会在导出时提供相应的说明。

结语:AI 时代,人人都能成为创造者

回想十年前,如果你想创建一个软件,你需要:

  1. 学习编程语言(至少几个月)
  2. 掌握前端和后端技术(再来几个月)
  3. 了解 UI/UX 设计原则(又是几个月)
  4. 实际编写代码(几周到几个月不等)
  5. 测试和调试(没完没了...)

而现在,你只需要:

  1. 下载安装 Trae(5 分钟)
  2. 描述你的需求(5 分钟)
  3. 等待 Trae 生成(1-5 分钟)
  4. 调整和完善(根据需要,通常很快)

从几年的学习和实践,到几分钟就能完成,这种变化简直是颠覆性的!

我们正在经历一场创造力的民主化革命。

过去,只有掌握了专业技能的人才能创造工具和产品,普通人只能被动使用。而现在,AI 正在打破这道墙,让每个人都有能力将自己的想法变成现实。

这就像是从"只有专业厨师才能做出美食"到"人人都能用智能厨具做出美味佳肴"的转变。

当然,专业程序员和设计师仍然有他们不可替代的价值和深度。就像专业厨师仍然能创造出家庭厨房难以企及的菜品一样。

但重点是:门槛被大大降低了

你不再需要成为专业人士,也能创造出满足自己需求的工具。这种能力的普及,将释放出多少普通人的创造力啊!

想象一下,当每个人都能轻松地将自己的想法转化为实际可用的工具,会有多少独特的创意被实现,多少特定场景的问题被解决。

这就是我分享 Trae 的原因。我希望更多人能体验到"我也能创造"的快乐和成就感。

如果你有一个想法,不管它看起来多么简单或者奇特,都值得尝试用 Trae 实现出来。也许你创造的小工具,正好能解决某个特定群体的痛点呢?

在 AI 时代,我们不仅是技术的使用者,更可以成为创造者。

演示工具源码

最后,给大家看看我今天用 Trae 生成的三个工具的源码,感兴趣的可以自己下载下来玩玩:

相关推荐
Timbo2号1 分钟前
OpenAI API调用实战:跨境支付验证的技术解决方案
人工智能·github
WPG大大通3 分钟前
驱动 AI 边缘计算新时代!高性能 i.MX 95 应用平台引领未来
人工智能·ai·汽车·边缘计算·方案·工业·大大通
Json_4 分钟前
Cursor 编辑器使用文档,一款AI 代码编辑器, 人人都可以写代码!!!Tab,Tab,再来一次 Tab
人工智能·openai·cursor
闲人编程7 分钟前
调试与性能优化技巧
人工智能·pytorch·深度学习
凉拌三丝31 分钟前
Llama Index案例实战(三)状态的设置与读取
人工智能·ai 编程
微臣愚钝35 分钟前
《Generative Adversarial Nets》-GAN:生成对抗网络,一场伪造者与鉴定师的终极博弈
人工智能·深度学习
掘金酱42 分钟前
👏 用idea传递无限可能!AI FOR CODE挑战赛「创意赛道」作品提交指南
前端·人工智能·trae
招风的黑耳1 小时前
智慧城市智慧社区项目建设方案
人工智能·智慧城市
JokerSZ.1 小时前
复现:latent diffusion(LDM)stable diffusion
人工智能·深度学习·stable diffusion·生成模型
T0uken1 小时前
【深度学习】Pytorch:更换激活函数
人工智能·pytorch·深度学习