00:00
大家好,我是期待,我申请到了code body IDE的内测邀请码,这是腾讯推出的全球首个产舍研三体合一AI全站工程师。在与科or硬磕了两个月后,我转战cold body IDE.依托微信开发者工具和腾讯云cloud base的后台数据库、云函数、云存储能力、全程语言交流、AI编程,打造了一款前后端贯通的全站AI小程序。先看效果,这是首页,用户通过点击绘画笔进入AI绘画页面,可以文字生成,图片涂鸦。这里有画板,也可以本地上传图片,系统根据简单的描述和涂鸦就能生成独一无二的画作。用户可以把画作发布到首页。众乐乐。让大家欣赏点赞,点赞量高的将在首页热门推荐中展示。
01:01
也可以单独分享给亲朋好友,写上祝福,送去一份独创且专属的问候,有调调,有情怀,又独特。AI的创作到这里还没有结束,精品画作还可以自己定价,放到商城去销售,让画作有市场。小程序中还配套了太阳币积分系统、会员系统、商城系统及web管理端系统,前后端功能一应俱全,融会贯通。这套技术领先,零代码开发的小程序全部是通过语言与code body IDE对话完成,下面我就来介绍一下实现过程,开发前准备工作。1设立账号。需要登录微信小程序设立账号,申请账号后登录小程序页面的开发与服务开发管理,找到APID账号,这个账号在开发环节使用2。
02:04
下载安装微信开发者工具,这是小程序原生开发的专用平台。下载安装node,这是小程序开发必备的计算机语言开发的代码通过note JS来运行。四在本地建一个文件夹,用于存储所有的开发文件建立项目为方便讲解,我设置了一个小程序开发文件夹。5下载安装code body IDE, 我们编程开发的主要工具。6。建立一个模板。打开微信开发者工具,点击新建项目,点击项目目录,选择刚才新建的小程序开发文件夹,在这里填写微信小程序平台中拿到的ipad账号,如果没有注册,也可以点击测试账号,用于学习研究。
03:02
选择一个模板微信开发者平台中有很多成熟的模板,但为了打造自己独特的小程序,成熟的模板反而代码过多无用,造成干扰,所以我选择了最简单的模板。点击创建,进入小程序开发的页面,我们也就有了小程序的第一组代码,这是我们刚才建立的空文件夹,有了内容在微信开发者工具中,代码在资源管理器展示,如果不使用外力,老程序员在这个平台下就能完成代码编写和项目开发。这个页面中藏着一个小彩蛋,腾讯的code body插件,打开这里也可以使用AI编程代码补全功能。七认识一下cloud base腾讯云开发,打开这里别有洞天,数据库、云函数、云存储以及不断更新的AI能力,这让我们的小程序不使用服务器就能拥有一个强大的内核。
04:09
Hello, 打个招呼,新加入编程的人员打出的第一行代码都是hello world表示好运到这里,我们已经有了小程序的雏形,以后的工作我们交给cold body IDE.构建你想要的任何东西。这是cold body IDE的开篇语。先来看看它的主要功能。一是代码编辑功能。在这里写需求。在这里选择大模型,全部是当今世界最先进的大模型,刚推出的GPT5据说达到博士水平,CLOUD4,编程界的翘楚,也是我主要使用的大模型。在这里是选择开发模式,Craft是智能体模式,写代码、查资料,帮你整理本地文件夹。Chat用于问答。
05:01
如果你语言描述也磕磕绊绊,可以在这里进行语言优化,在这里制定开发规化。二要重点介绍的是gate功能,这里记录代码的每一次变更,在AI修改代码出现问题时,随时可以回退到之前的版本,对于新手来说特别重要,常常写好了又改错了,在这里可以找回过去。三是资源管理,这个是不是很熟悉了,和微信开发者工具中的作用一致,可以查看代码的。了解了这些,我们进入实际操作环节。第一步,导入项目在这里打开文件夹,找到我们之前建立的项目小程序开发文件夹,导入项目,选择craft cloud4模型进行开发。第2步,输入想法和创意。我们开发一个销售绘画作品的商城小程序。
06:02
在这里写提示词,点击这里对提示词进行增强,点击这里开启设计模式、计划模式,点击发送code就会自动开始工作。产品分析、核心功能、技术架构设计风格、页面设计。写完后,它会自动生成一份MB格式的文档,并制定开发计划。这时他会停下来问你的意见。确定计划没有问题后,进入自动开发阶段。这个过程中开发时间超时,它会停下来询问是否继续,我们只要点击继续就行。大约30分钟后,他给出了阶段性工作总结。满满的成果,到这里看着很是激动吧,这么能干。但这仅是开发过程中的一小步,这只是搭了一个框架,中间环节,头像、点赞,甚至一个小按钮,都需要调整才能实现真正的功能,每一次调整才最能检验大模型的能力和你的耐心。
07:13
Cold body的开发成果在微信开发者工具中直接查看,通过控制台查看小程序运行情况。接下来的过程就是纠错、纠错再纠错的过程了,把无序变有序的过程。控制台报错,可以直接复制错误内容发给code body检测原因并解决。开发过程中缺少测试素材,可以把素材拷贝到项目文件夹根目录下,它自行使用。实际开发过程中,素材需要上传到云存储,把云存储的路径发给他,当然更多的是他自己操作。如果页面错误,可以截图直接发给他。这是显示效果,由最初的这样这样到这样。
08:04
每幅画面都蕴藏着一个故事,AI生成的不再是简单的画面,是情感的表达与牵绊。与AI编程日日相对3个月也是大脑飞快提升的3个月,AI是助力所思及所得。前提要有所思,认知越高,AI编程发挥的能力越大。小程序的前后站的开发就像绘画,每一笔都要精雕细琢才能成就一个完整的画面,AI可以让画面更宏大,创造出无限可能,充分利用好code body IDE和腾讯云cloud base强劲的后台支撑能力,小系统也会拥有大内核,再加上微信生态圈的一级市场的加持。一个人也能办好一家有创意的公司,一切皆有可能,未来可期,我是期待,期待未来。
我来说两句