以下是使用 Cursor 开发微信小程序的步骤和注意事项:
1.先形成项目需求文档,进一步与composer沟通确认需求细节,并查看对应文档,2.再根据项目需求文档整理对应模块,进行功能设计模块文档设计,包括明确需求,进行UI和技术(前后端实现途径),测试用例,根据AI写的功能设计模块文档,观看确认和完善,你就能大概了解这个项目技术上怎么实现,怎么执行3.然后根据模块任务一点点写代码,并将代码文件和更改记录写道对应代码说明文档,这样有错误你也好查询时哪一个功能对应哪个代码文件,在用上代码注解这个功能,基本上就没啥问题了;尤其是在功能设计技术文档时,一定要自己看一遍清楚一些,而且cursor有一些写的不明确的地方,一定要及时更改;测试用例也必须写上,很重要;在每个功能块及时开发完时候,在用测试用例跑一遍,就会好很多;以及及一旦确认就不要大范围的更改,尤其是我后期在插件文件上直接改成小程序,是完全行不通的;终于,在index.html打开浏览器好像是能跑通的;那我下一步在浏览器中安装上插件,岂不~~就完成了?在电脑的回收箱里还能看到当初做项目一些成型的东西结果,不出意外的,在安装浏览器里;我的心情如图所示:
一开始用cursor生成的小程序非常简陋,就大概如下面所示,我想加点背景元素(天使恶魔图片)去营造一下氛围(os:现在来看还不如原版简陋的呢),然后就用AI生成了一张图片,选了一个画框,天使与恶魔对望的感觉;加了画框之后,就是自适应,让用户有种再画框里面滑动的感觉,同时还要使得字体清晰,所以提需求慢慢调;但由于大模型自身原因,是无法真正理解镶在画里滑动是什么感觉,以及自定义多了可以上下滑动那种感觉;所以我弄了好久,基本上一整页截图就是因为各种出错。。。。。。然后就是意图分析页面,最重要的是信息如何展示,尤其是要使得排版和整体风格更合理;由于大模型确实不能理解由于白色遮罩带来文字展现的影响,以及有没有更好方案去解决;加上本人也不是很懂视觉呈现方案和UI哪些;所以,又是和大模型斗智斗勇。。。。。。这个产品最重要的就是生成海报,尤其是有时候意图分析字数过长,需要字数显示和行数的限制,最重要的是加上小程序码,便于用户去分享,再调整位置和视觉呈现上,大模型又是不咋理解;而且需求稍微没注意,他就把意图分析页面给弄没了,就。。。。。。。一开始参考是claude用svg生成的样式,但老是生成不出来,尤其是大模型理解不了表情这回事本来还有个回复生成页面,但考虑开发难度和token,关键是老麻烦大佬半夜远程操控给我修端口数据库的BUG;还是算了吧,模型的token费用也是个问题,变现也困难;光测个试,啥也没用20块就没了<哭晕在厕所>,
说干就干,我把我的想法记录了下来,并输出了对应产品的PRD,本来参考66键盘,一开始准备以输入法形式,需下载需要用APP作为载体,并实现商业化;但调研中发现,用输入法+APP形式工作量比较大,并不是我一个刚接触代码,啥也不会小白能够承受的,所以我的想法是先做一个插件;照着b站以及群主claude提供的一些资料,开始在cursor进行插件开发;但一开始我老是不得其法,甚至很多时候卡在了第一步环境安装上,不是别的,我是真的没接触过代码,连按照环境依赖项需要在终端,终端在哪,怎么操作都不知道;更不知道一个项目安装过一次环境就不用安装了,环境依赖有时候会失败,不是别的,很有可能是网速的原因,而且需求描述和实现也没有很清楚,所以经常在原地循环打转,甚至通宵死磕安装环境都不行;后来,我仔细看了别人的项目,尤其是b站的,按照那个项目原封不动的去实现,真的就成功的时候,我悟了;描述好需求以及耐心一步步先和cursor沟通清楚,不着急开发很重要;当然,我也找了很多基础实践教程资料,尤其是最后悔的是,充完才知道买了一个月会员的cursor其实是可以白嫖。。。。。我。。。。。。(os:又是当大冤种的一天);以及及需要让Cursor帮忙写一个README的文档,记录目前的进展、下一步计划,以及如何开启和关闭项目做备忘。