卡卷网
当前位置:卡卷网 / 每日看点 / 正文

开发小程序多少钱?

作者:卡卷网发布时间:2025-04-06 23:20浏览数量:43次评论数量:0次

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


开发小程序多少钱?  第1张

img


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

帮我生成一个小程序,底部是两个按钮,题库和关于我。题库可以完成用户答题,我的部分,主要包含个人信息内容。

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

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

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

第一步:拿到需求,并分析。

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


开发小程序多少钱?  第2张

img


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


开发小程序多少钱?  第3张

img


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


开发小程序多少钱?  第4张

img


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


开发小程序多少钱?  第5张

img


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


开发小程序多少钱?  第6张

img


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

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

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

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


开发小程序多少钱?  第7张

img


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


开发小程序多少钱?  第8张

img


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


开发小程序多少钱?  第9张

img


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


开发小程序多少钱?  第10张

img


第三步:用cursor生成代码

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


开发小程序多少钱?  第11张

img


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


开发小程序多少钱?  第12张

img


写在后面的话

就这样,一个小程序的demo版本就做好了,因为目前我们的版本还没有接入后台,都是访问的本地mock 数据。那么接下来,我们可以直接对接coze知识库,让我们的数据随时变化。

END

免责声明:本文由卡卷网编辑并发布,但不代表本站的观点和立场,只提供分享给大家。

卡卷网

卡卷网 主页 联系他吧

请记住:卡卷网 Www.Kajuan.Net

欢迎 发表评论:

请填写验证码