当前位置:首页 > 文章中心 > 正文内容

Cursor+微信开发者工具,和AI聊天生成代码,问题多在代码之外

dgx6669个月前 (03-17)文章中心48

一、缘起

五年前让研发同事帮忙写过一小程序,功能是百以内加减法,用于小孩练习口算,后来抛之脑后无人问津。最近两月每周收到腾讯发的备案通知,打开看原功能有问题,虽然自己代码知识极其有限,但目前AI编程已经够强大,试试新写一个,下图是最终成果。

二、工具

"Cursor"和“微信开发者工具”,没有的去网上下载并安装,免费。

三、简述

我的代码水平仅限于样式类的字号、颜色、间距这些,本次体验下来,感觉完全不懂代码也不影响。实现其实很简单,在Cursor里描述想要的功能,会自动生成代码,如果一切顺利,半小时即可搞定。我遇上的问题主要在代码之外,下文先讲述顺利的情况,再描述遇到的问题

本文适合新手小白,老手就别看了,内容太简单,不过末尾有几小问题,如果可以,求顺手帮解答

四、开写

1、打开Cursor,点击如下图右上角蓝框内图标,调出chat界面(如果默认就有不用再点,我每次打开都没有,需要点一次)

2、点击右上角设置图标,再点左侧Models,在中间找到deepseek-r1并勾选上

3、如下图,默认是“claude-3.5-sonnet”,改为刚才添加的“deepseek-r1”

对于跳出的提示不用管,点continue:

其实这儿不一定要改,我初始用的默认“claude-3.5-sonnet”,过程中遇上些问题,就改成“deepseek-r1”试试,事后再看那些问题(后文会讲述)跟选哪个模型估计没啥关系。

4、开始描述需求,在右侧对话框中输入需要的功能,然后回车发送

我的描述如下:

写这文章时才发现,里面“如果输入的结果正常”,应该用“正确”,但对生成代码看着没影响

5、Cursor开始自动生成代码

6、等待生成完成,一般来说至少4个文件,默认名称是“index.js,index.json,index.wxml,index.wxss”,如想查看某个文件,可点击右侧对应文件名,左侧会显示相应代码

7、打开“微信开发者工具”,新建一个项目,“项目名称”和“目录”自定义,“AppID”我使用的原小程序ID,没有的可用测试号

点击“确定”,会自动生成一堆文件(总感觉以前生成小程序项目时没这么多文件,这次多了不少,后来想,可能是上面默认选择了“微信云开发”,这种简单的小程序是不是应该选“不使用云服务”?)

8、找着前面Cursor生成的那4个文件(如找不着可查看后文描述的问题,我就一时没找着),复制这些文件至上一步创建的小程序目录“/miniprogram/pages/index”下。

9、切回“微信开发者工具”,点击顶部“预览”,微信扫二维码查看。其实左侧默认就能看到效果,但有时会跟手机上看有点区别,还是手机上预览靠谱。(下图对左侧预览效果加马赛克,是因为截图时已是最终版,不是当时第一次生成的代码效果)

10、第1次生成的效果大概如下图,当时没截图,事后根据记忆做的,可以看到显示上有点问题,后面进行修改。

11、在Cursor里输入想要的修改,AI对话框变到了右下方:

我输入的内容是:

12、等代码自动完成,重复前面复制文件的操作(每次修改后都将文件拷到小程序目录下),继续在“微信开发者工具”里预览,答案输入框换行成功。

13、在Cursor里继续改:

代码生成后去预览,发现不行,继续让调整:

这回成功:

至此,该小程序已经可用,为了效果更好,再加些功能。

14、增加计分功能,方便了解对错情况:

写文章时又发现“分数按钮”多了“按钮”两字,不过AI好像无视这字眼。

同样代码生成后复制文件再预览,成功:

15、再增加计时功能,方便了解答题速度:

继续复制文件并预览:

16、前面加了计分功能,但如果不知道做了几题,只有分数看不出正确率,再增加显示当前题号功能:

复制文件并预览效果:

17,再改改样式:

复制文件并预览效果:

18、继续改样式:

对于改间距这些我其实能直接改代码完成,不过为了全程用中文实现,还是通过chat对话框。

预览效果:

19、接着改:

第1次没成功,改第2次:

还是没成功,改第3次:

总算成功:

20、但发现输入数字后样式有问题,接着改:

左侧是原效果,右侧是改后效果:

21、上述改动带出了新问题,接着改:

左侧是改前效果,右侧是改后:

22、最后,优化操作,让每次答题后,不用人为再点一次输入框:

至此完成:

五、遇上的问题

1、Cursor生成的文件在哪?

首次选的模型是“claude-3.5-sonnet”,按显示的内容,我理解是在C盘。

C盘对应目录下确实有“math-practice-miniapp”文件夹,但空的,内部无文件,后来通过Cursor界面这儿在D盘根目录找着文件,不知这个文件生成位置是什么逻辑,有没地方可设置?

另外,不同模型,生成的文件目录不一样,比如“claude-3.5-sonnet”是生成“
math-practice-miniapp/pages”目录,而“deepseek-r1”只生成“pages”目录。

2、生成失败

有时会失败,倒不用在意,点“try again”继续。我怀疑上一个问题c盘下“math-practice-miniapp”里没文件,是某次生成失败造成。

3、不同模型生成文件数不一样

最初用“claude-3.5-sonnet”生成5个文件,后来用“deepseek-r1”只4个文件,对应的目录也有区别,不过从实际效果看没影响,不知是不是因为这小程序功能太简单。

4、同样提示语不同模型,甚至同模型,生成效果差别有大有小

以下三个都是前文中同一提示语,第一个“claude-3.5-sonnet”模型,第2个“deepseek-r1”模型,第3个也是“deepseek-r1”模型,和第2个生成时间前后相差也就10分钟


5、有些改动如果多次都不行,感觉直接放弃较合适,比如这个改动:

改两次都不成功,不想把代码折腾太乱,选择了放弃。

6、某次修改如果有问题,可以通过输入提示语让其回滚,但可能会出问题。

有次让回滚,Cursor把其中一个文件里代码全删了,不想来回折腾,选择了全部删除重来,导致发现前一问题“同提示语生成效果差别”

为了防止回滚问题,后续更新时都复制原文件备份。

7、遇上原因不明问题,就重来,某次操作后,成了下图这样,找不着缘由,全部删除重来

8、有没人知道,能否让Cursor生成的文件和小程序创建的项目在同一目录?这样能省下每次复制文件工作

9、如果关闭Cursor,下回想在原基础上更新,怎么处理?

我试着新生成一份文件,关闭Cursor,然后再打开那些文件,用这样提示语:

按Cursor的反应看,能在原基础上更新,但中间有个报错,也不知为啥:

10、作为新手,这一路操作肯定有众多不合适之处,恳请大家多多指点

六、成果

小程序审核很快,不到1小时,发布过程中让微信认证,被收30元

,啥时候开始的收费?5年前那次发布是免费的。然后还有备案,填了一堆信息,几小时后收到电话,说名称不行,让改后重新提交

目前倒能使用,欢迎扫码体验:

如有疑问或对该小程序有优化需求,可评论中提,我努力更新

扫描二维码推送至手机访问。

版权声明:本文由第六芝士网发布,如需转载请注明出处。

本文链接:http://www.dgx666.com/post/320.html

分享给朋友:

“Cursor+微信开发者工具,和AI聊天生成代码,问题多在代码之外” 的相关文章

新华社、人民日报、央视官方微信点赞,“菏泽好邻居”让全国人民羡慕

齐鲁网·闪电新闻5月5日讯 俗话说“远亲不如近邻”。邻里间的互动,有时候可谓非常有趣。近日,山东菏泽“致楼上邻居的一封信”在网上走红。‘一位热心又专业的邻居老王,写信对邻居练钢琴,提出了一些“指导意见”,指出了两首曲子中的错误,还附上了自己精心准备的乐谱。这封“钢琴指导”信张贴后,引来众多邻居留言。...

QQ这个版本彻底关闭,再也无法使用

去年3月,适用于iPad设备的QQ HD版本从苹果App Store下架。据了解,QQ HD是腾讯专门为Pad设计开发的QQ版本,其中QQ HD iPadOS版的最新一次更新停留在了2019年2月份。虽然当时无论是从QQ官网进入QQ HD的下载链接,还是直接在App Store下载时都显示“App不...

AutoCAD 软件介绍、软件安装

第一章 AutoCAD入门必读本章目标& 了解AutoCAD的含义、应用领域及发展历程& 实操软件安装与注册& 掌握界面组成及应用& 掌握命令操作方法& 熟记选取图形的几种方式并应用& 实操坐标输入与动态输入内容讲解:第1天——兴趣启发,原来黑底白线的CAD可以这样有意思。今天,展英飞来找老师补习功...

《魔兽争霸官方对战平台》高清RPG限时畅玩火热进行中

8月26日起,只要你安装了《魔兽争霸III:重制版》客户端,即可在魔兽争霸官方对战平台限时免费畅玩高清RPG地图。传世战歌、黑暗之门、水之td等的一大波高清地图等你来玩,在享受高清画质带来的极致游戏体验同时,还有丰富的平台活动可参与,获得丰厚的虚拟道具奖励。官方对战平台下载地址:http://dz....

魔兽争霸官方对战平台版本更新 加入RPG大厅

魔兽争霸官方对战平台(dz.163.com)今日推出了全新的RPG大厅功能,这是继1V1赛季模式、2V2赛季模式、DOTA模式、自定义RPG房间后,又一项功能更新。借助该功能,玩家可以轻松地找到自己感兴趣的RPG地图,享受到在各种富含创意的地图上作战的乐趣。目前,RPG大厅里面已有海量极具创意且风格...

安装CAD时,出现1308错误,怎么解决?看完本文你就知道

CAD出现1308错误怎么办?AutoCAD 一种计算机的辅助设计软件,但是打开CAD软件的时候提示错误1308,源文件未找到,因此无法继续安装AutoCAD软件,那么遇到安装AutoCAD出现1308错误问题时该如何解决呢?往下看!1、桌面空白处点击右键,弹出如下对话框,点击新建选项2、点击新建选...