AI知识库

53AI知识库

学习大模型的前沿技术与行业应用场景


15 分钟,无代码,我用 Cursor 开发了一款微信小程序
发布日期:2025-01-13 20:03:56 浏览次数: 1591 来源:非著名程序员

继续分享干货哈。

先说一下哈,我不是前一段时间,宣布要做一个系列教程嘛,就是教大家如何使用 Cursor AI 编程工具开发一些小工具和小软件。

我这个系列课程可能并不会教大家如何使用 Cursor 的一些高级技巧什么的,重点其实是写给小白用户的,让小白用户感受一下,如何零代码,无代码来开发一些自己喜欢的小工具,小应用之类的。

因为,我认为,如果你是专业程序员的话,根本就不需要我来教,大家本身就有编程能力,且程序员自学能力都很强,对于一些编程工具的使用技巧都能很快掌握,毕竟所有的 IDE 之间的很多用法都是相通的。

今天这篇文章,我们来讲一下,如何使用 Cursor 来开发一款「程序员老黄历」的微信小程序,未来我可能还会再写一篇如何使用 Cursor 来结合 Coze 开发一个 AI 小应用,大家敬请期待吧。

首先,就是工具准备,这里需要大家提前下载「微信小程序开发工具」「Cursor AI 编程工具」

现在完成之后,我们需要使用微信小程序开发工具来创建项目文件目录。

填写项目名称、文件目录、开发模式和模版选择等,这里点击创建之后,就会自动把微信小程序的开发目录创建完成了。

然后,我们在打开 Cursor 软件,用 Cursor 选择刚才创建的微信小程序开发目录文件夹。

然后,我们要确定我们的需求,我就是要开发一个程序员老黄历,需求大概是:可以展示今天宜做什么,不宜作甚什么?坐在哪个方向上 bug 少,女神亲近指数是什么等。

然后基于我的需求,我写了一份 AI 编程的项目需求提示词:

包含了功能概述、内容示例、产品设计需求(UI 展示)、功能逻辑。

这几个描述清楚之后,就可以让 Cursor 干活了。

我们刚才已经创建了项目目录,也是用 Cursor 打开了这个项目目录,现在我们在目录当中创建一个 readme.md 文档。

然后,将我们刚才的需求提示词,放到这个文件里。

然后,在这个文档下,如果你是 windows 用户,点击快捷键 ctrl + i ,如果你是 mac 用户,点击 command + i ,调出 Composer  ,然后输入提示词:

根据这个文档中的内容,帮我进行编程。

发动给 Cursor 之后,它就开始帮我们自动编程了。

看看,它自动编程完成这一步之后,还把开发进度更新到了我们的 readme.md 文档之中。

因为我们在开发需求的提示词当中写到了:

所有调整备注更新至 readme.md

好了,第一步它根据需求帮我们实现了代码,我们从微信小程序开发工具当中去预览一下效果。

效果我们看到了,都是居中显示的,这样比较丑。

而且,我发现还缺少一个时间选择按钮,我想增加一个时间选择按钮,可以根据时间选择来查看日历。然后不停地跟它用自然语言交流,实现我想要的效果就行了。

最终经过多轮的交流,Cursor 就帮我开发完成了,实现了我想要的效果,如下:

整个过程就是类似这样的, 整个调整过程,也就用了 15 分钟左右,一个这样的小程序就开发完成了。

最后,大家就在微信小程序开发工具当中,上传代码,提交发布就行了。


53AI,企业落地大模型首选服务商

产品:场景落地咨询+大模型应用平台+行业解决方案

承诺:免费场景POC验证,效果验证后签署服务协议。零风险落地应用大模型,已交付160+中大型企业

联系我们

售前咨询
186 6662 7370
预约演示
185 8882 0121

微信扫码

与创始人交个朋友

回到顶部

 
扫码咨询