保姆级教程!零代码小白用 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 生成的三个工具的源码,感兴趣的可以自己下载下来玩玩:

相关推荐
算力云9 分钟前
深度剖析!GPT-image-1 API 开放对 AI 绘画技术生态的冲击!
人工智能·openai图像生成模型·gpt-image-1
孤寂码农_defector13 分钟前
AI 人工智能模型:从理论到实践的深度解析⚡YQW · Studio ⚡【Deepseek】【Chat GPT】
人工智能
北上ing21 分钟前
从FP32到BF16,再到混合精度的全景解析
人工智能·pytorch·深度学习·计算机视觉·stable diffusion
小奕同学A27 分钟前
数字化技术的五个环节:大数据、云计算、人工智能、区块链、移动互联网
大数据·人工智能·云计算
Eric.Lee202130 分钟前
数据集-目标检测系列- F35 战斗机 检测数据集 F35 plane >> DataBall
人工智能·算法·yolo·目标检测·计算机视觉
白熊18832 分钟前
【计算机视觉】CV实践- 基于PaddleSeg的遥感建筑变化检测全解析:从U-Net 3+原理到工程实践
人工智能·计算机视觉
cmoaciopm2 小时前
Obsidian和Ollama大语言模型的交互过程
人工智能·语言模型
努力进修2 小时前
【金仓数据库征文】-金仓数据库性能调优 “快准稳” 攻略:实战优化,让数据处理飞起来
数据库·人工智能·金仓数据库 2025 征文·数据库平替用金仓
小oo呆6 小时前
【自然语言处理与大模型】模型压缩技术之量化
人工智能·自然语言处理
Magnum Lehar6 小时前
ApophisZerg游戏引擎项目目录展示
人工智能·vscode·编辑器·游戏引擎