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

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

dgx6664个月前 (03-17)文章中心15

一、缘起

五年前让研发同事帮忙写过一小程序,功能是百以内加减法,用于小孩练习口算,后来抛之脑后无人问津。最近两月每周收到腾讯发的备案通知,打开看原功能有问题,虽然自己代码知识极其有限,但目前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聊天生成代码,问题多在代码之外” 的相关文章

CAD软件哪个版本最好用?今天就来探讨下

CAD软件哪个版本最好用?相信大部分人都听说过CAD软件,可能大部分很多朋友都还用过CAD软件。CAD软件作为设计制图行业的翘楚,可谓是大名鼎鼎,无人不知,无人不晓。而CAD软件自从20世纪80年代推出来之后,已经更新了二十多个版本每个版本都有它独特的特点,而哪个版本的CAD软件最好用呢?很多人因此...

解决dll错误的终极指南:从诊断到修复全面解析

在使用Windows系统的过程中,我们难免会遇到各种各样的问题,其中最常见的就是dll错误。这些错误会导致应用程序无法正常运行,给我们的工作和生活带来很大的不便。本文将为大家介绍如何诊断和修复dll错误,帮助大家解决这一问题。一、dll文件的作用在介绍如何解决dll错误之前,我们先来了解一下dll文...

告别字体侵权,100+个免费可商用字体大集合(附字体包)

作为设计师,我们在作图时要使用大量的字体来达到我们想要的效果,但是字体都是有版权的,据说前几年暴风、保洁被方正告,赔了几百上千万(我的天呐,吓死宝宝了)最近,在群里看到了又有人收到律师函,去年底我也收到过,一个字体要陪好几万啊!(吓晕在了电脑前),你可能还不知道的是连微软雅黑都是方正的……那到底有哪...

已加载KERNEL.32dll,但找不到入口点DllRegisterService

对于这个问题,它通常是由于存在损坏的 KERNEL32.dll 文件或者操作系统中的注册表文件损坏导致的。以下是一些潜在的解决方法:运行系统文件检查器运行系统文件检查器可能会修复损坏的 KERNEL32.dll 文件。打开命令提示符并以管理员身份运行,然后输入 sfc /scannow 命令。等待检...

.NET AOT 的使用以及 .NET 与 Go 互相调用

目录背景C# 部分环境要求创建一个控制台项目体验 AOT 编译C# 调用库函数减少体积C# 导出函数C# 调用 C# 生成的 AOTGolang 部分安装 GCCGolang 导出函数.NET C# 和 Golang 互调C# 调用 GolangGolang 调用 C#其他背景其实,规划这篇文章有一...

警惕!利用Github进行水坑攻击安全风险通告

2022年5月19日,亚信安全CERT监测发现Github账户为rkxxz的用户发布了CVE-2022-26809和CVE-2022-24500 的项目,项目内容介绍为:CVE-2022-26809 RCE Exploit Remote Code Execution和CVE-2022-24500 R...