现在随着cursor的流行，开发小程序的成本一下子降低了很多。最近有个老哥问我这个问题，这个能不能用AI编程可以快速实现？

但是如果像我之前的开发方式问cursor，必定败北。

帮我生成一个小程序，底部是两个按钮，题库和关于我。

其中题库可以完成用户答题，我的部分，主要包含个人信息内容。

这种结果：很丑、功能不齐全、耗时比较长！

于是，我用了一天的时间，整理出这个小程序开发的方法论，相信你看完这篇文章，必定深有体会。

第一步：用claude生成原型和参考代码

第一步：拿到需求，并分析。

我们可以借助大模型，帮我们分析下对应的需求。

如果需要调整，我们就继续问。

这个时候，基本上觉得功能差不多了，就可以让claude生成原型图了。

这个时候Claude不仅能够生成原型图，还能生成对应的html代码。我们可以将代码作为我们请求cursor的参考文件。

点击</>就可以看到代码， 后续我们想要cursor实现功能的时候，直接将代码发送给cursor参考。

第二步：基础代码框架选型

因为我们cluade生成的代码，是默认引入了TailwindCSS组件库的，我想生成的内容直接参考代码，必然不可行。

这就要求我们的代码必须有支持TailwindCSS的内容。

考虑开发的便捷性，以及后期的维护，这里推荐weapp-tailwindcss这个功能。

里面有很多不同组件的模版，我们选择uni-app的模块框架进行开发。

因为uni-app需要在Hbuild中编译，所以我们打开hbuild，打开，之后点击导入。

接下来点击运行，就可以直接在小程序运行啦。

第三步：用cursor生成代码

我们把第一步和第二步的理解都是为cursor做准备。接下来我们用cursor打开刚才的项目。

我们只需要告诉 cusor我们的逻辑要求就可以，基本上不用怎么修改就能快速生成我们想要的代码了。下面就是第一版本的小程序代码。

写在后面的话

就这样，一个小程序的demo版本就做好了，因为目前我们的版本还没有接入后台，都是访问的本地mock 数据。

那么接下来，我们可以直接对接coze知识库，让我们的数据随时变化。

关注大瑜，后续分享更多的小程序开发指南。