00:00
嗯,首先我们这里能看到我们在微信的开发者工序,然后我们创建了一个一个模板,然后我们要把这个模板改成其他的内容,然后这里由于我的那个插件用不了,所以我们就直接用Vs code来代替,然后我们来到这个项目的界面里面,我们能看到这里的目录其实是一样的,然后在Vs code当中更改,然后这个界面也能正常的更改,然后我们打开我们的Co body, 呃,这里的craft模式我们可以先看一下,比如说呃,我们这里有一个文件叫做提示词,这个是我刚刚创建的一个新的文件,因为我想要完成呃,它所这个文件里面的内容,那么我们看一下我们如何去进行。
01:00
进行,让他去根据我们的品质词去进行更改。然后我们打开我们的Vs code的,然后比如说我们在这个界面当中,你你就要输入内容,然后这里我们就输入获取整个项目文件啊,我们就直接说获取整个项目文件,解析当前的项目,然后再去读取我们的提示词的这个文件,然后我们现在发送看一下会发生什么,然后我们看到这边就会进行思考,然后这边就是在读取文件。
02:03
嗯,它会根据我们的文件来进行一个输出,然后它这边识别到了,这是我们一个微信小程序的一个项目,然后针对这个项目,它比如说它会再去进行一个文件的阅读,然后这边我们用了一个TD的组件库。然后他现在上面的11块文件列表已经获取完毕了,那么他会接下来就比如说他这边就是第一个呃,任务,然后这是第二个任务,然后这边提示词他已经获取了,那么也就是说他正在执行第二个任务,然后这里是我们那个提示词所要去呃完成的,然后它会分析我们的界面,然后去看一下我们现在需要去完成什么样的任务,对一个,然后比如说核心功能,比如说纪念日倒计时,实现倒计时的逻辑,还有这些这些其实大家说的都是主要。
03:40
好任务,比如说呃,回顾时间线,留言板,还有故事桥,然后这边整个项目的话,我们完毕了,那么我们继续,然后这边的话就在写一个页面的逻辑,整体的页面生成还是很快的,只不过说我们的任务比较多,所以说它生成的。
04:19
呃,就是很慢,对,就是文件太多了,然后它一个一个文件生成,它的速度就会变得比较慢,然后但是它整体效果是不错的,我们可以先去稍微等待一下哦,这边有趣的一个点就是我们用了TD的一个组件库,然后就是一个TD的视力模板,然后它默认就会使用TD组件库构建我们的页面结构,然后这边是在写一个CSS的文件,相当于我们前端的CSS,嗯,我们看到其实他在创建其他文件,但是它的主主要的就是主要的文件,它是没有没有没有改的就是。
05:19
我们到时候还要去跟他讲,我们要把这个主页给更改掉啊,我们现在告诉他我们的主页样式还没有更改,让他帮我们去更改,然后他这边就会定位到这个文件哦,我们看到左边这边见人,其实。
06:19
也有在更改,那么我们稍等一下,看一下这个界面会有什么变化啊,我们看到其实我们这边进行更改一下,我们这边对顶上已经出现了这么一个这样的内容,然后我们稍后再看一下,呃,这边其实他用了一个JPG的格式的图片,那么我们能不能先让他用其他的文件代替一下呢?因为我们现在没有图片,哦哦,就我就跟他说,我现在没有图片,我能不能用图标来代替一下,然后他就会去根据我们的要求去进行一个详细的更改。
07:19
呃,然后这边的界面就是这样子的,但是我们这里其实发现了一个问题,就是我们前面生成了很多个其他功能的区域,但是我们主页就只有这么一点点内容,我们要怎么去让它来生效,这是一个问题,我们可以先等待它生成完毕。然后这边我们看到它这里缺失了一个文件,未找到对应的文件,我们直接把这边出错的内容我们直接复制一下,然后我们再打开我们的Vs code, 然后直接把我们的报错内容啊,直接丢给他,哦,我们发现这边其实还是没有成功的去进行修改,还是照样的,比如说我们把这个报社图丢给他,我们跟他说这个依然还是没有解决。
09:00
那么我们看一下他能不能经过几轮的话,让他帮我们去解决这个问题点,然后这个时候他就会去阅读我们的根目录当中的文件,然后我们等他更改完。
10:00
看到这边的话,他缺失文件,他就会去创建一个文件,我不这样,我们看到我们这边的见面其实完成的差不多了,呃,这边就是这个小程序,呃,就是code body.所能做出来的,我们这边其实时间是比较久的,就是我们用的是TD的一个组件库,因为我们本地并没有准备,就是我们在录制开始之前并没有准备一个图标或者说图片,所以这边就随机让它生成了一下,然后我们这边再耐心的等待一下,但是我们会发现,不管我们之前是不是说我们让他去把图片换成图标,它只要生成一个新的文件,它就会默认为PNG或者JPG格式。
11:16
这个就是他当前所存在的一点问题,但是我们通过后期的表达或者说体现能把它给去除掉,我们看到这边的话,它还是使用的是一个JPG的文件,对这个问题我们还是需要去修改的,不必这边礼物推荐的功能已经写完了,然后我们这边我我们可以让他把所有让他去阅读我们现在的所有文件,然后然后让他去把我们的JPGPNG给改掉,换成固定的,比如说图标啊,我们就说去阅读现在的所有文件,把文件中所有的PNGJPG换成图标,然后就这么一句话,我们去看一下它能不能成功进行。
12:16
然后他这边就会去进行一个文件的阅读,然后这边的时间的话,他肯定会是比较长的,所以这边还是需要去等待一下的,我然后我们这边继续看,我们直接把这边的一个内容,然后去丢给他,我们就先丢给他看一下吧,他这边会把文件的格式去进行一个更改。
13:19
呃,然后这边是已经修复好的,然后我们这边呃,先去看一下吧,我们这边发现我们这边都点击不了,然后我们让他能点击到具体的页面当中啊,我们这边可以先稍后看一下,他这边能不能去做一个调整,我们这边都是跳转失败,然后我们让他去修改一下。
14:20
哦,我们这边看到我们这个界面其实能跳转,那么我们这里看到它这边用的一个图标是1。
15:20
一个PNG文件,它写的是一个返回主页,我们到时候能让他把这个引用图片改为改为图标,因为我觉得在这边用图片并不是很合适。那我们大家可以看到这边的,他把这个图标改成了一个啊,就是这就改成了一个图标啊,我们这个界面已经难进去了,我们可以先看一下,然后他这边会给出一个调整的建议,我们可以先。
16:51
被呃,他这个添加的位置,其实。
17:00
呃,我我我并不是很能理解。我我就浅浅的进行了一下修改,然后这就是我们现在所看到的界面,其实和最初的版本并没有什么差别,然后我也并没有怎么修改,但是他这个确实是还可以的,然后如果说你要让他去美化一下的话,就可以让他去美化一下,因为这边录制的时间已经很长了,所以这边就简单的展示一下,这边可以自己去更改一下样式,然后嗯,然后刚刚的话我可能没有重新加载,然后我这边重新加载了一下,然后我们这边重新看一下效果,因为刚刚点进去是一个白屏的效果,对,然后我们这边看到我已经设置成了今天是十二零二六年1月12日,然后这边就是一个倒计时的日期,然后倒计时也是可以用的,然后我们看一下留言板,留言板这里我已经。
18:06
通过冷的测试这边都是可以正常的,然后那么这个项目其实就做到这里就已经差不多了,然后顶部的话,我们到时候可以去让他去保留一定的距离,然后那么这期的介绍应该就到这里结束了,那么相信你也可以用code body去创造属于自己的一个项目。
我来说两句