微信扫码
与创始人交个朋友
我要投稿
继续分享干货哈。
先说一下哈,我不是前一段时间,宣布要做一个系列教程嘛,就是教大家如何使用 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+中大型企业
2025-01-14
8000字干货!深度解析AI在C/B端产品的应用实践
2025-01-13
2025 年AI八大预测与八大风口:AI 浪潮下的掘金机遇
2025-01-13
AI Agent设计模式 | Planning(规划模式):实现任务自主分解
2025-01-13
磕一个单词“workflow”,AI背景下看起来用反了
2025-01-13
深度|Scale AI 95后华裔创始人:AI Agent的分水岭在于产品设计而非技术本身
2025-01-11
微信公众号上线AI配图功能,显著提升内容创作的效率
2025-01-11
海螺AI悄悄上线的这个新功能,我愿称为一致性的新王。
2025-01-11
重塑工作与生活:探索18大顶尖AI助手
2024-09-04
2024-10-30
2024-12-25
2024-09-26
2024-09-03
2024-10-30
2024-09-06
2024-08-18
2024-11-23
2024-09-02