文章目录
使用cursor已经有一段时间了,主要是辅助代码开发,一直没有深入探索无代码进行产品开发的方式,想体验下,于是选择了自己不熟悉的开发领域微信小程序,给自己定位产品经理,不做任何开发,让cursor帮我构建一个微信小程序产品,产品雏形构建大概花了2个小时,后续版本优化陆续大概耗费两个小时,废话少说,先上成品, 小程~序查找**: 待办 123
1 待办123 产品介绍
1.1 使用说明
使用方式如下:
1.2 产品亮点
- 极致简洁:没有多余的功能,适合日级事项安排,随手记录,不适合更精细化的小时分钟级别的事项
- 断网可用、安全快速:事项不上传网络,保存在本地,所以不用担心隐私问题,另外断网的情况下,小程序依然可以打开使用,在某些场景下比较好用,比如飞机上。
1.3 应用场景
- 生活事务:买菜、购物、约会安排、活动待办等
- 工作任务:重要事项、重要会议、工作安排等
- 个人日常:每日待办
- 学习计划:读书计划、课程安排
我自己一直在用,主要记录每日重要待办事项,日事日毕,也推荐其他人使用,最多居然是买东西记录,完成一项勾一项,比较方便
2 零基础实战教程:零代码开发微信小程序
本节将详细介绍如何从0开始,借助AI完成微信小程序开发。即使你不懂编程,跟着操作也能搞定!
2.1 微信公众号注册小程序
如果没有小程序账号需要先注册一个,按照如下步骤注册,如果有账号,则跳过此步骤。
- 登录微信公众平台,点击右上角的"立即注册"按钮。
- 选择"小程序",点击"前往注册"。
- 按照流程完成小程序注册即可。
- 登录小程序后台,获取小程序APPID
注册完成后,访问:https://mp.weixin.qq.com/
使用微信扫码,选择刚刚注册的小程序,即可进入小程序后台。
在开发者管理里可以查询到小程序APPID
获取到小程序APPID后,我们就可以通过微信小程序开发工具进行开发了。
2.2 下载安装微信开发者工具
- 下载微信开发者工具,微信开发者工具下载地址:(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)
- 安装微信开发者工具,一路默认安装即可。
2.3 下载安装cursor
- 下载cursor,cursor下载地址:(https://downloader.cursor.sh/windows/nsis/x64)
- 安装cursor,一路默认安装即可。
- 打开cursor,需要注册登录后才能使用,默认一个账户免费2周,可通过更换不同的邮箱地址重新注册继续使用(有个bug:同一个邮箱注销账户再注册也可以),也可通过cursor官网购买会员。
首次启动时,会弹出登录窗口,如果没有通过如下方式打开登录窗口:File菜单->preferences->CursorSettings,点击Sign in弹出登录界面
然后点击Sign Up - 进行注册,注册完成后,点击Sign In - 进行登录
好了我们的准备工作已经完成,接下来我们就可以使用cursor零代码开发微信小程序了。
这里介绍下cursor的三个快捷键,也代表cursor的三个主要辅助场景:
Ctrl+K:编辑代码
Ctrl+L:回答用户关于代码和整个项目的问题,也可以编辑代码(功能最全面)
Ctrl+i:编辑整个项目代码(跨文件编辑代码)
这里我们主要用的是Ctrl+i,Ctrl+i是专为整个项目设计的,可以通过和模型对话来开发整个项目,过程就和聊天差不多,在会话中可以帮助你创建文件、删除文件、同时编辑多个文件等功能,无需关注代码实现。
2.4 使用cursor零代码构建微信小程序
- 打开微信开发者工具,点击+图标,添加项目
- 创建小程序,输入项目名称、目录、刚刚获取到的小程序APPID,后端服务选择不使用云服务,开发模式选择小程序,模版选择不使用模版,点击创建
微信开发者工具主要就是创建一个微信小程序的开发环境,能够调试和预览,我们不用关注代码,代码交给cursor来生成。 - 打开cursor,点击左上角file,点击open folder…,选择刚刚我们小程序创建的目录,打开目录
- 打开目录后,cursor会加载微信开发工具生成的框架目录和代码,我们不需要关注代码,接下来我们用cursor在当前需要创建一个prd.md的需求文件,来编写我们产品的原始需求:
需求编写的好坏,直接决定生成代码的质量,所以这里需要有一定的产品思维,能够编写出高质量的需求,当然如果自己不会写,也可以让cursor来写需求,并更新到prd.md文件中。 - 原始需求编写完成后,通过快捷键Ctrl+i,打开composer对话框,我们通过此对话框和cursor对话,来生成我们需要的代码。
- 实战经验
- 首先我们可以让composer基于prd.md文件,生成代码,在对话框中输入:
微信小程序的代码框架已经构建好,请基于此框架,结合prd文档内容,帮我生成代码
此时composer就会调用模型并生成代码,
根据生成的代码我们可根据自己的需要选择接受或者拒绝,接受后会更新到项目中去,通过多轮的对话逐步调整需求和代码,实现产品的开发
- 每当cursor生成代码,我们接受后,微信开发者工具会自动加载最新的代码,并同步到微信开发者工具中,这个时候我们打开微信开发者工具,就可以看到最新的预览界面了,我们可以查看产品功能和效果是否满足,如果不满足,再返回cursor,通过对话进行改进,直到满足需求为止。
- 如果微信开发者工具提示错误,这时候不用慌,直接把错误拷贝到cursor,像这样告诉cursor:
微信开发者工具提示错误,请查找整个项目代码逻辑,帮我查看下错误原因,并解决
cursor就会调用模型,帮我们分析错误原因,并优化代码解决问题。
- 每当我们跟cursor对话,生成符合我们需求的代码后,最好让cursor基于当前的沟通情况,更新prd.md文件,方便后续的迭代开发。
- 最后,当产品开发完成后,我们就可以发布小程序了,发布小程序的详细教程,可以参考微信小程序发布详细教程:(https://developers.weixin.qq.com/miniprogram/introduction/)
发布之前,在微信开发者工具中编译、上传版本,然后参照上面的发布教程,进行小程序发布即可
这里有个小技巧:每次发布前,通过composer对话中输入如下内容,让cursor帮我们检查下代码,确保代码没有问题,避免发布失败。
我要提交版本了,请帮我检查下代码,确保代码没有问题,如果有问题,请帮我优化代码
3 总结
通过cursor零代码开发微信小程序,体验下来,感觉还是非常不错的,尤其是对于懂产品有想法,但是不懂开发的产品经理,通过cursor,我快速构建出产品雏形,然后通过和cursor对话,逐步优化产品,直到满足需求为止,整个过程非常流畅,体验非常好,强烈推荐大家体验。
昨天2024百度世界大会,发布了无代码工具“秒哒”发布,借用李彦宏的话:“我们将迎来一个只靠想法就能赚钱的时代”,现在感觉想法很重要,如果各位有其他想法,可在留言区留言,后续我会根据大家的想法,尝试通过cursor零代码开发出更多有价值的产品。
小程序代码下载: 壹零仓,发送:待办123,下载小程源码,基于此代码,大家可以继续迭代优化,也可以基于此代码,开发出更多有价值的产品。
标签:微信,代码,程序,cursor,开发者,注册 From: https://blog.csdn.net/water1209/article/details/143758390