从AI编程失败到成功上架：我的微信小程序开发之旅

在经历了两次AI编程的失败后，我终于成功开发并上架了一个微信小程序。这次，我不再依赖“让AI一句话生成微信小程序”的方式，而是采用了全新的方法：给数据 → 做设计 → 再开发 → 拆任务 → 多对话。

一个编程小白设计师第一次成功 Vibe Coding 的经历

一个设计师的开发梦（以及第一次劝退）

我是一位用户体验设计师，一直怀揣着产品开发的梦想。去年自学了SwiftUI，但面对复杂的网络请求、数据库、后台等问题，我感到力不从心。

AI给了我第二次信心（然后又失败了）

后来了解到Cursor和DeepSeek后，我再次尝试AI编程，但依然以失败告终，没有像自媒体大佬那样在短时间内开发出赚钱的app。

第三次尝试：这次我决定“随便玩玩”

今年年后，我决定尝试开发一个杀戮尖塔2的卡牌图鉴小程序，感觉比App轻量很多，好开发。于是，我打开软件，跟Agent说：“给我做一个杀戮尖塔2的卡牌图鉴小程序。”然后开始祈祷，希望AI能赐予我一个完美的小程序。

转折点：不是AI不行，是我用错了

在与另一位AI产品经理交流后，他告诉我，AI给我的数据是瞎编的，我可以找正确的数据让它来做。他建议我可以让AI帮我爬数据。

关键一步：先搞数据（事情开始变简单了）

我试着找了一个游戏攻略站，把网址给AI，让它给我爬数据。AI给了我一个包含所有卡牌数据的json文件，让我感到这次应该有戏。

第二个关键：先做设计，而不是写代码

我决定先做设计，而不是写代码。我让AI用这个数据结构生成一个小程序的设计稿，结果生成的设计方案让我感到满意。

这一步的意义：一切开始变得可控

这个设计方案甚至包含了设计系统，让我这个平时设计很不严谨的设计师都感到汗颜。现在，我可以确定每一个流程的具体样子，还可以直接让它针对具体流程的页面更改样式或调整数据。

真正进入AI编程：这次终于跑起来了

在对网页的一些小细节进行更改调整后，我试着让它带入一些json里的图片数据，在网页端DEMO上可以正常显示。这让我终于感受到“妈妈呀我终于也成功Vibe Coding了”，于是开始了正式的AI编程阶段。

一个非常重要的技巧：不要在一个对话里做完

我建议在单独对话流里完成每一项任务，避免上下文污染。

总结：这次能成功，我做对了什么

• 不再让AI从0瞎编，而是给它真实数据
• 先做设计，再写代码
• 把任务拆小，一步一步做
• 多开对话，避免上下文污染

最后，二维码

欢迎体验：

另外，根据阿童木同学反馈：同时我也正正经经的体验了一下上架流程，比我想的要麻烦很多hhh（花了两天时间做小程序，4天上架）。