Cursor无代码开发微信小程序:15分钟实战教程
摘要
利用CursorAI和微信小程序开发工具,通过自然语言描述需求,15分钟内无需代码即可完成“
继续分享干货哈。

前面提到过,我计划做一个系列教程,专门教大家用 Cursor AI 编程工具开发一些小工具和小软件。
这个系列的重点,其实不是什么高级技巧——它的目标用户很明确:就是小白。让没有编程经验的人也能感受一下,怎么零代码、无代码地捣鼓出自己喜欢的小工具、小应用。坦率说,如果你本身就是专业程序员,那完全不需要看这个系列,你们有自己的编程能力,自学能力又强,IDE 的那些用法早就融会贯通了。
今天这篇,咱们就来聊聊怎么用 Cursor 开发一个「程序员老黄历」微信小程序。后续可能还会再写一篇,讲如何用 Cursor 结合 Coze 搞一个 AI 小应用,敬请期待。
首先,工具得备好:「微信小程序开发工具」和「Cursor AI 编程工具」,这两个都得提前下载安装。
装完之后,先打开微信小程序开发工具,创建一个新的项目文件目录。
填写项目名称、文件目录、开发模式和模板选择,点击创建之后,微信小程序的开发目录就自动生成了。
然后打开 Cursor,让它加载刚才创建好的那个微信小程序项目目录文件夹。
接下来,得把需求定清楚。我要开发的是一个程序员老黄历,大致功能是:展示今天宜做什么、不宜做什么,坐在哪个方向 bug 少,女神亲近指数又是什么水平。
基于这个需求,我写了一份 AI 编程用的项目需求提示词。
提示词里包含了功能概述、内容示例、产品设计需求(UI 展示)和功能逻辑。这几项交代清楚之后,就可以让 Cursor 动手了。
既然已经创建了项目目录且用 Cursor 打开了它,那就在目录里新建一个 readme.md 文件。
把刚才写好的需求提示词贴到这个文件里。
然后,在 readme.md 这个文档里,Windows 用户按 Ctrl + i,Mac 用户按 Command + i,调出 Composer,输入提示词:根据这个文档中的内容,帮我进行编程。
发送给 Cursor 之后,它就开始自动编程了。你猜怎么着?它连开发进度都自动更新到 readme.md 文档里了。
这是因为我们在需求提示词里写了一句话:所有调整备注更新至 readme.md
好了,第一步它根据需求帮我们生成了代码。现在从微信小程序开发工具里预览一下效果。
效果倒是看到了,但内容全是居中显示的,视觉上有点丑。另外,我还发现少了一个时间选择按钮——我想加一个能根据时间查看日历的功能。接下来的思路很简单:不停地用自然语言跟它沟通,让它逐步调整,直到实现我想要的效果。
经过多轮交流,Cursor 最终帮我完成了开发,效果如下:
整个过程走下来,也就花了 15 分钟左右。一个这样的小程序,就搞定了。
最后,在微信小程序开发工具里上传代码、提交发布,一切就绪。
来源:互联网
本网站新闻资讯均来自公开渠道,力求准确但不保证绝对无误,内容观点仅代表作者本人,与本站无关。若涉及侵权,请联系我们处理。本站保留对声明的修改权,最终解释权归本站所有。