分享好友 最新动态首页 最新动态分类 切换频道
震惊!5分钟就能开发一个微信小程序游戏!
2024-12-27 11:00

一次偶然的机会,我发现了腾讯云 AI 代码助手,支持微信开发者 并且在代码辅助开发的效率上有很大提升,还可以通过自然语言描述完成最终应用!那么我今天要来试试看用腾讯云 AI 代码助手来快速开发一个微信小程序游戏五子棋

打开微信开发者工具软件,点击添加按钮,出现如下页面。

选输入项目名称后,依次填写完毕后点击创建。在输入 AppID 的时候,下拉框中会列出来你这个微信号刚才注册的小程序的 AppID

打开后,首次需要安装腾讯云 AI 代码助手插件。该插件已经在市场里集成,你只需要安装到当前项目即可。最终成功安装后的效果如下图所示:

我打开微信开发者 IDE,点击底部的 AI 问答后打开技术对话侧栏。为了减少攥写提示词的时间,我在对话中先让 AI 先帮我写了一份提示词。

由于腾讯云 AI 代码助手支持多轮技术对话,我可以继续提问以完善提示词内容。

这里附上最后的提示词:

接下来我把完善的提示词贴入腾讯云 AI 代码助手,看看它给我生成了怎么样的小程序。

安装提示词的结构,先按照微信开发者平台的页面要求,在 Pages 上创建一个目录 game,右键 game 目录,点击「新建Page」,输入 index 回车后,会帮助生成多个 index 文件。

接下来,我们打开腾讯云 AI 代码助手,把刚才录入的提示词输入进去,腾讯云 AI 代码助手为我生成了每一段的代码。部分代码可能会省略,我保持着耐心,因为后面可以让它继续生成

腾讯云 AI 代码助手已经内置了微信小程序知识库,我们可以把微信小程序开发的所有技术文档和规范都录入进去了,这样生成的会话中的代码内容会更好。

我来试试,首先先输入 # ,然后选择微信小程序,然后输入刚刚的提示词,回车。如下图:

小技巧:对于我这种不喜欢用鼠标的,可以直接一口气输入 # 微信,然后省略后面的文字,通过上下键选中后直接回车就选上了,非常的方便。

我根据对话中的代码依次插入依次插入到工程中,然后点击顶部条的编译按钮后便可以在左边看到预览效果。

第一次运行效果中只有棋盘,并没有办法插入棋子,于是我打开了核心代码 game.js 文件,我发现函数还没有绘制棋子。

凭借对话中的代码描述,棋子可能需要独立绘制。那么这里可能有两种办法,一种是 canvas 绘制,一种是插入图片。那么我来试试腾讯云 AI 代码助手的内联对话给我怎么样的修复方法。

圈选代码后,通过快捷键(我是 mac 电脑)我用的是 Cmd+I,如果是

在顶部条出现输入框后输入需求,如下图所示

他给了我一个路径,让我自己准备白棋子和黑棋子的图片。我按目录的位置存放进去了之后,再次运行程序,运行后成功了!✌️

运行的效果如下图所示。当然代码还不够好,我接下来继续完善一下。

当前应用只是可以运行,还不够好。我需要增加代码注释和文档,并生成一个项目工程的 Readme.md 文档,然后把核心逻辑解读后进行下重构。

腾讯云 AI 代码助手贴心的给出了三种方法生成文档注释:

第一种,通过圈选核心代码,右键,选择腾讯云 AI 代码助手下的生成文档,如下:

第二种,进入插件的高级设置,如下图「圈1」开启「圈2」和「圈3」

返回代码后,可以在函数头或者鼠标悬浮后出现蓝色提示,点击「生成文档」,如下图

第三种是直接使用快捷键,按键如下:

看了一下生成文档的效果,还不错,同时腾讯云 AI 代码助手还增强了一些示例方法描述。觉得满意的话直接点击「采纳」就可以应用上去了。

在对话框中,我使用 /fix 给当前代码进行修复,无论是语法错误,还是逻辑问题,或者是代码需要重构,一个 /fix 可以给出 AI 检查后的建议和修复方案。

腾讯云 AI 代码助手提供了智能插入的方法,通过大模型为其生成合并的 Diff View 预览效果,如下图,清晰很多了。腾讯云 AI 代码助手在如下视图下可以选择部分采纳或者全部采纳。

我在开发中有时会发现如下图的错误,我的做法是把错误直接复制给到腾讯云 AI 代码助手,他能正确的给我结合当前工程代码进行分析,给出正确的解决方案。如下图,发现错误后,给出 init()函数修复建议,通过对话代码区域的「智能插入」运行后,右边出现了 Diff View 预览,全部采纳后,问题解决。

1.  腾讯云 AI 代码助手,已经内置在小程序开发者平台内了,只需要开启一下就可以。在微信开发者平台,点击编辑器内的插件扩展,找到「腾讯云 AI 代码助手」,点击安装即可。

2.  其他版本的 IDE,如 VSCode,也可以在下面的地址下载并安装使用

1. 小程序后台登录注册地址https://mp.weixin.qq.com/cgi-bin/wx?token=&lang=zh_CN

个人就可以进行注册并且完成小程序开发者认证。

2. 微信开发者工具下载地址

https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html

⚠️这里需要下载1.06.2409140以上的版本哦。该工具可用于开发小程序、小游戏和插件。

3. 小程序开发微信官方文档:

https://developers.weixin.qq.com/miniprogram/dev/framework/

不用细看,因为腾讯云 AI 助手已经贴心的帮助你集成到对话里了。只需要的时候引用 #微信小程序 然后输入你的问题即可帮你回答并附上代码示例。

采用腾讯云 AI 代码助手插件是可以很好的解决自然语言需求生成代码工程的能力,结合微信开发者平台和混元 AI 大模型,确实可以大大帮助非专业人群生成所需的应用和小程序。同时编码辅助上丝毫不差于国外产品,它还能帮我在编辑代码的时候快速生成代码,优化当前代码,甚至自动生成开发者头疼的注释和代码文档。

在实践过程中,有时会出现编译出错展示不出效果,或者模型偷懒问题导致函数没有实现的,我可以利用对话进一步多轮对话「强迫」

腾讯云 AI 代码助手继续完成项目工程。

如果你开始有能力给出一些正确的反问,代表你开始对代码有一定的认知。那么接下来你需要写出更好的提示词。让 AI 懂你的描述,这是一个循序渐进的过程。通过提示词强化和扩写,快速完成一个描述清晰的提示词,节省时间,同时也强化腾讯云 AI 助手对于生成结果质量。

最新文章
正在报名!2025西交大少年班初试全国模考12月14日开考!
广东考帮按:据悉2025年西交大少年班招生简章将在近期发布,元旦进行测试。为帮助广大梦想考入西交少年班的考生增强对笔试难度和自身水平的清晰认知。我们提前组织“西交大少年班模考活动”,2025年西少模考试卷以西少初试近10年真题为蓝本
唐界传媒解析品牌如何跨越消费代际构建全龄段市场吸引力代际共鸣
在当今消费市场中,代际差异正逐渐成为企业营销战略中的核心考量因素。随着年轻消费者与中老年消费群体的需求、价值观和行为模式逐渐分化,品牌要在多元化市场中实现可持续的增长,必须跨越代际鸿沟,精准定位各消费群体的心理诉求,并构建
视频号直播投流常见问题解答(一)
Q1:新号如何冷启动?A1:Q2:跑量出现瓶颈怎么办?A2:Q3:付费流量是否会压制自然流量?A3:如果品牌和商家发现自然流量下滑明显,应先检查内容质量。内容质量不佳时,付费流量硬拉会导致流量质量变差且竞价成本变高。应通过优化内容互动
规则引擎之drools入门
现实生活中,规则无处不在。对于某些企业级应用,诸如欺诈检测软件,购物车,活动监视器,信用和保密应用之类的系统,经常会有大量的、错综复杂的业务规则配置,而且随着企业管理者的决策变化,这些业务规则也会随之发生更改。我们开发人员
穿越美漫:超级角色模拟器
“小飞,我和你爸已经到老家了,你在那边好好上学,等你毕业之后,看看是回来还是留在那边。”“知道了,老妈,我你就不用担心了。”“三万。”“胡了,大三元,混一色。”“小飞,你是又和赵轩在那边打麻将吗?你可悠着点打,你们两个十岁
网站SEO优化,网站SEO优化的方向在哪里,网站优化
1:什么是seo优化网站如何seo优化?那么,网站如何才能做到SEO优化呢?下面我们就来看看具体的方法。2:网站seo优化的方法3:seo优化后的效果一般来说,网站的SEO优化都会带来一定的效果。但是,具体的效果如何,则要根据实际情况来定。有
延期公告 | “我心目中的颜春岭生态公园”主题绘画比赛作品征集延期至12月31日
(来源:海口环保)“我心目中的颜春岭生态公园”主题绘画比赛自征稿起收到来自各个学校学生的优秀绘画作品为让更多热爱绘画的青少年参与到活动中来保质保量完成此次作品征集活动组委会一致决定比赛征稿截止时间延期至12月31日初选评审、成
广电总局发文规范AI“魔改”视频 经典影视作品已成“重灾区”
来源:@财联社APP微博《科创板日报》12月10日讯(记者 张洋洋)针对AI“魔改”影视剧引发的争议,广电总局正式出手管理。近日,广电总局网络视听司发布《管理提示(AI魔改)》。《管理提示》指出,近期,AI“魔改”视频以假乱真、“魔改”
未来机动车检测站管理之探索
未来机动车检测站管理需要从多方面进行探索。当前存在一些问题如地方保护主义导致检测站无法有效竞争检测信息不对称影响市场正常运行检测信息无法共享造成检测与维修脱节。为做好未来机动车检测宏观管理工作要实现机动车检测技术标准化、行
相关文章
推荐文章
发表评论
0评