在当今快速发展的科技时代，AI技术的崛起为开发者带来了前所未有的机遇与挑战。一方面，AI极大地降低了技术门槛，让更多的创意得以快速实现；另一方面，它也提升了竞争维度，促使人们在认知、方法和时间效率上不断提升。本文将通过一个开发者的真实经历，讲述如何利用AI编程工具Trae开发一款小程序，分享其中的灵感来源、开发过程以及遇到的困难与解决方法。

前段时间，我和大家一样，也有一些困惑和焦虑，主要是面对未知、面对不确定性风险时的决策困难——到底选A还是选B，遗憾的是，真实的人生，它没法A/B测试呀！

我去找一个创业老哥聊天，他算是我的Life coach，在我迷茫是给到过我不少正确建议，这次我把自己的顾虑、困惑讲完之后，他没直接回答，而是先给我讲了一个小故事：

他说，他最近在和女儿玩《双人成行》的游戏，这是一个解密类的游戏，双方配合寻宝拿到钥匙，走出迷宫就能通关成功。

起初，他不敢往前走，生怕记不住来时的路。

但是，后来他发现，等你真的拿到钥匙之后，原本空荡荡地脚下会出现新的道路，你根本没必要被原先的路径所困扰。

别焦虑、别回头，只管往前走，新的机会一定会跟着你的努力而出现。

这对我有很大的启发，类似于enlightenment（顿悟）。

其实，我知道很多同学在面对AI这个新事物的冲击时，多少都会有些迷茫和不知所措，这也是我为何第一次直播分享「AI学习路径」的原因。

说实话，按照我以往的习惯，我更倾向于精心准备之后再开直播，但听了他的分享，我惭愧，整天讲MVP、讲试错、讲敏捷迭代，可真到用的时候，就成了顾虑的借口。

所以，我给自己定了个目标：2天内开播。

不管开播效果如何，只要勇敢地、敏捷地走出这一步，就是成功。

我觉得，这个观念或态度，或许可以作为大家对AI学习的参考——别太多顾虑，先找个切入点做起来，培养AI信仰要从沉浸式体验开始，新的机会密码写在下个路标牌上。

好，前言说的多了一些，主要是希望大家心态调整到位，后面才更能事半功倍，说回今天的主角——「小智文转图」。

01 场景是稀缺的，先从熟悉的自身需求出发

大概三年前，我就有这个需求：在看到优秀的文字时，我希望能把「朴素的文字」转化成「优美的图片」，这样分享出来效果翻倍。

但是，遍寻各种浏览器插件、APP应用，我都没找到合适的——要么功能复杂、要么体验极差、要么会员费极贵。

前段时间，我突发奇想，干脆用AI编程自己做一个小程序试试？

说干就干。

让我没想到的是，AI编程的能力迭代的如此之强，大概只用了2个小时，我就实现了基础功能，剩下的更多的是对界面做些迭代、调试bug等。

这个即时的正反馈，让我很有感触，也让我冷静下来思考：

我越发觉得，一方面AI毋庸置疑地带来了巨大的新机会，极大地降低了技术门槛，以至于类似于「小猫补光灯」、「不要脸」这类“无代码”的现象级产品的出现。

但另一方面，AI客观上也提升了竞争维度——信息平权和低门槛同步被拉低后，带来的注定是更高维度的「认知竞争」、「方法竞争」以及「时间效率」。

而在这个更高维度的竞争上，场景是稀缺的，这也是为何我建议大家多从公司业务或者自身需求的小场景出发的原因。

你只有先通过一两个小程序提升了用户洞察力，才能形成正反馈的闭环，才能发现更普适的新场景。

不要上来就立志做个百万级的AI产品，先从满足自身需求出发，塔虽千层，总要从第一个台阶开始。

02 用Trae来开发：写好需求提示词、做好原型图

首先，这个阶段我依然推荐大家用Trae来进行AI编程，两个原因，一个是可以免费使用Claud3.7（偶尔需要排队）；另一个是Trae的产品迭代速度很快，比如，前几天就接入了DeepSeek。

当然，如果你懂“无限续杯”的话，Cursor依然是王者般的存在。

说回开发逻辑：

从官网下载安装包之后（官网：Trae IDE），一路点击“下一步”，安装完Trae之后，我们只需要在Build窗口表述我们需求即可。

如：

我想开发一个小程序，主要实现「文字转图片」的功能，产品有三个页面，分别是“创建”、“记录”、“说明”页面。

创建页面以卡片风格呈现，主要有三个卡片区域，分别为“添加文字”、“头像、水印设置”、“选择背景图片”，每个区域的功能分别是……

创建页面是首页，你要参考我的原型图来开发，确保样式和功能逻辑符合原型设计，不要过度自我发挥。

现在，你帮我创建下该项目。

写好需求提示词，并把原型设计的截图一并附上去，注意，这点也是Trae的优势，可以根据原型图来设计，我也确实做了简单的原型设计，事实上，这样AI执行的效果会更理想。

再之后就是点击发送，AI便会使用Claud3.5/Claud3.7模型来自动帮你创建项目，速度也很快，然后你安装一个小程序开发工具，就可以预览、调试、修Bug，直到达到令你满意的效果。

实现的步骤真的不复杂，理论上，全程无代码确实可以实现。

但这里面有不少坑，说起来话长，镜哥准备单独做个直播来分享，但我想先分享几个实用的经验，这对你在实操时会有帮助。

03 我踩过的几个坑

① 不懂得Git代码管理，项目维护很麻烦

一开始，我不知道怎么做代码管理，甚至手动复制项目文件夹，相信不少同学都有过类似经历。

所以，我的第一个经验，也是给你的第一个AI编程建议是：老老实实地先去B站学习Git代码操作，不需要很复杂，花一个小时时间，只需要懂一些基础的发布、拉取命令即可。

这样的话，当你修复一个bug时，就可以直接推送到云端。

当然，你也可以利用Trae来操作，而且现在Trae利用DeepSeek可以辅助写更新日志，写的还挺准，这点体验确实很不错。

另外，当你bug越修越多时（不要笑，Vibe coding遇到这种情况是常态），你就可以用Git命令帮你恢复历时版本。

我一开始就是不懂Git，没有发布云端进行保存，中间有好几个版本越修bug越多，只能重新起了新项目。

图-

通过Trae的源代码管理，也可以推送代码

② 不知道正确修复bug的方法

AI生成代码很快，但是往往会有一些「顽固性Bug」无法修复。

这个时候就很难受，我们又没有代码基础，怎么办呢？

我的一个经验是：

不要一股脑地把问题描述完让AI修复，可以先让AI复述业务逻辑，按流程节点添加到对话中逐条询问。

这样更容易真正解决问题。

比如，我在群里也分享过这个案例：

起初，我在头像弹窗时无法选择别的头像，怎么选都是默认头像，我让AI修复半天，愣是修复不了，还一本正经地回答我修复完成了。

后来，我就让他复述下和“头像选择”相关的业务逻辑，然后AI就告诉我有哪些业务逻辑，我就逐条去添加对话验证。

然后，AI告诉我有个遮罩和选择头像也有关系（大家在用Axure画原型时，肯定都用过遮罩），我就添加对话问AI，这个遮罩的逻辑具体是什么。

果然，AI这次就精准定位到了问题——遮罩关联的有弹窗关闭事件，遮罩又在最顶层。

这两个信息很关键，这就导致你点击别的头像时，其实是点击的透明遮罩，他就自动关闭了弹窗，就没有执行头像选择的事件。

你看，正确地提问时解决问题地关键。

我原先直接要答案，调了3、4个小时没有结果，当我按流程节点复盘时，只用3分钟就解决了这个问题。

图-

问题拆解，快速修复bug的有效手段

③ 图片太大，无法发布小程序

这个其实也是一个很实用的经验。

微信小程序代码包有大小限制，好像图片资源不能超过200K，而我的业务逻辑是：把用户输入的文字，与背景图片合成在一起，最终输出优美的图文效果。

而一个背景图片就是一两兆，怎么办？

所以说，问题是驱动成长的关键，于是我就网上搜索解决方案，问了Kimi之后，发现可以用OSS来存储图片，之后把URL给到Trae就行，AI会调整代码逻辑，实现线上加载。

说实话，以往也听到过OSS，但是自己并没有技术层面操作过，也不懂什么是Bucket，这次却用了1个小时就成功接入了阿里云的OSS，之后Trae就用几分钟就实现了我的需求。

非常有成就感。

当然，这中间的一个坑是，阿里云的OSS既需要存储包，还需要流量包，前者消耗的是你的存储资源，一般不需要太大，后者则是用户访问时的流量消耗。

一开始我不知道还需要流量包，只买了存储包，结果几个朋友刚体验一会儿，阿里云就发来了停服信息。

图-

利用OSS，在线管理背景图片

当然，这个项目并不复杂，甚至第一版还有很多问题和缺陷，还是那句话，重点其实是对场景的理解以及真实的实践，后续我也会用这个项目和大家详细分享个中的产品思考。

最后，AI时代，带给我们无限的想象空间，但是，镜哥还是想说一句，门外的热闹永远是暂时的，而且永远追不完的热点，但这对我们产品岗位来说，竞争优势的内核永远是产品思维。

这或许才是咱们拥抱AI的正确态度。

希望本文对大家有参考。

本文由人人都是产品经理作者【产品大峡谷】，微信公众号：【产品大峡谷】，原创/授权 发布于人人都是产品经理，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议