在当今科技迅速发展的时代，人工智能技术的兴起为开发者们提供了前所未有的机遇和挑战。AI不仅显著降低了技术的进入门槛，使得更多创意能够迅速付诸实践；同时，它也提升了竞争的层级，促使人们在认知、方法和时间的效率上不断追求进步。本文将通过一位开发者的真实故事，讲述如何借助AI编程工具Trae开发一款小程序，并分享灵感来源、开发过程以及所面临的挑战与解决方案。

不久前，我和许多人一样，陷入了一些困惑与焦虑之中，主要是因为在面对未知和不确定性的风险时，做决策变得困难——我究竟是选择A还是选择B，然而，真实的人生却无法进行A/B测试！

于是，我找了一位创业前辈交流，他是我的人生导师，在我迷茫时曾给予我很多宝贵的建议。这次我把自己的疑虑和困惑都一一说出，他并没有立刻给我答案，而是给我讲述了一个小故事：

他说，他最近和女儿一起玩《双人成行》这款解密游戏，游戏中需要双方合作寻找宝藏，获取钥匙，才能顺利走出迷宫。

起初，他在游戏中感到不安，害怕自己记不住回来的路。

然而，随着游戏的进展，他逐渐意识到，当你真正找到钥匙时，原本空荡的脚下会出现新的道路，你根本不必被先前的路径所约束。

不要焦虑、也不要回头，勇敢往前走，新的机会必定会随着你的努力而浮现。

这个故事给了我很大的启示，就像是一种顿悟。

其实，我知道很多同学在面对AI这一新事物的冲击时，或多或少都会感到迷茫和无措，这也是我第一次进行直播分享「AI学习路径」的原因。

说实话，按照我以往的习惯，我通常会在直播前进行充分的准备，但听完他的故事后，我感到有些羞愧。我常常谈论MVP、试错和敏捷迭代，但到了关键时刻，却将这些理念作为犹豫的借口。

因此，我给自己设定了一个目标：在两天内进行直播。

无论直播效果如何，只要勇敢且敏捷地迈出这一步，就是一种成功。

我认为，这种观念或许可以作为大家学习AI的参考——不要过于担忧，先找到一个切入点开始实践，从沉浸式体验中培养对AI的信仰，新的机会就在前方的路标上。

好了，前言部分稍显冗长，主要是希望大家能调整好心态，接下来才会事半功倍，现在回到今天的主题——「小智文转图」。

01 场景的稀缺，需从自身需求入手

三年前，我便有了这样的需求：当我看到精彩的文字时，渴望将「普通的文字」转变为「精美的图像」，这样分享效果将大大提升。

然而，经过多方寻觅浏览器插件和APP应用，我始终未能找到合适的工具——要么功能复杂、要么用户体验极差、要么收费过高。

前不久，我突发奇想，干脆尝试用AI编程自己开发一个小程序？

说干就干，我立即行动。

令我惊讶的是，AI编程的能力迭代速度之快，经过大约两个小时，我便完成了基础功能，后续的工作主要集中在界面的优化和bug的调试上。

这种即时的反馈让我感到振奋，也促使我冷静思考：

我愈发意识到，一方面，AI无疑带来了巨大的新机遇，显著降低了技术门槛，使得像「小猫补光灯」、「不要脸」这样的“无代码”现象级产品应运而生。

但另一方面，AI也客观上提升了竞争的层次——当信息平权与低门槛同时被拉低后，随之而来的是更高层次的「认知竞争」、「方法竞争」以及「时间效率」。

而在这种更高层次的竞争中，场景的稀缺性显得尤为重要，这也是我建议大家从公司业务或自身需求的小场景出发的原因。

只有先通过一两个小程序提升用户的洞察力，才能形成良性反馈的闭环，发现更广泛的新场景。

01 从需求出发，逐步实现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就列出了相关的业务逻辑，我逐条进行验证。

最终，AI告诉我存在一个遮罩与头像选择有关（大家在用Axure做原型时，肯定接触过遮罩），我就询问AI这个遮罩的逻辑是什么。

果然，AI准确定位了问题——遮罩关联了弹窗关闭事件，而遮罩位于最上层。

这两条信息至关重要，点击其他头像时，其实是点击到透明遮罩，使得弹窗自动关闭，从而未能执行头像选择的操作。

由此可见，准确的提问是解决问题的关键。

我原本只想要个答案，结果调试了三四个小时无果，而按照流程节点复盘，仅花了三分钟就解决了问题。

在解决问题时，拆解问题的方法被证明是快速修复bug的有效手段。

③ 图片过大，无法上传至小程序

这是一个非常实用的经验。

微信小程序对代码包的大小有一定限制，尤其是图片资源不能超过200K。而我的业务逻辑是将用户输入的文字与背景图片相结合，最终呈现出美观的图文效果。

然而，单张背景图片的大小往往在一两兆左右，那该如何处理呢？

因此，问题的存在推动了我的成长。我开始在网上寻找解决方案，并向Kimi请教，得知可以通过OSS来存储图片，然后将生成的URL提供给Trae，AI会相应地调整代码逻辑，实现在线加载。

说实话，虽然之前听说过OSS，但我没有实际操作的经验，也不了解什么是Bucket。这次我花了一个小时成功接入了阿里云的OSS，而Trae仅用几分钟就满足了我的需求。

这种成就感令人振奋。

不过，过程中我也遇到了一个小坑：阿里云的OSS不仅需要存储包，还需要流量包。前者是消耗存储空间，通常需求不大，后者则是在用户访问时产生的流量费用。

起初我并不知道需要流量包，只购买了存储包，结果几个朋友刚体验了一会儿，阿里云就发来了停服通知。

通过OSS，背景图片的在线管理变得更加便捷。

当然，这个项目并不复杂，第一版中还有许多问题和缺陷。关键在于理解场景与真实实践的结合，后续我会详细分享这个项目中的产品思考。

在AI时代，带给我们无尽的想象力，但我仍想强调，外界的热闹是暂时的，而追逐热点也永远无法完美实现。对于我们产品岗位而言，竞争优势的核心始终是产品思维。

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

希望本文能够为大家提供参考。

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

题图来自Unsplash，基于CC0协议。