WEBVTT

00:00:00.000 --> 00:00:05.000
大家好,最近一直在體驗Deepseek先出4.1Flash模型,速度非常快。

00:00:05.000 --> 00:00:08.000
搭配Deepseek HANIS效果也非常好。

00:00:08.000 --> 00:00:15.000
就在錄一期使用Deepseek HANIS加Deepseek V4.1Flash,從0到1開發小程序的保姆級教程。

00:00:15.000 --> 00:00:21.000
教程里面會告訴你怎麼從需求到最終完整的實現的詳細過程。

00:00:21.000 --> 00:00:25.000
如果你現在想開發小程序,而且想使用Deepseek HANIS,你可以來看一下這個視頻。

00:00:25.000 --> 00:00:27.920
首先使用DBC和Hannis这些工具之前

00:00:27.920 --> 00:00:30.740
一定要先确认你本次开发的一个需求

00:00:30.740 --> 00:00:33.080
比如说你现在做一个什么样的小程序

00:00:33.080 --> 00:00:34.940
一定是有一个这样的需求文档

00:00:34.940 --> 00:00:37.740
需求文档包括了你产品的功能

00:00:37.740 --> 00:00:39.840
你产品包含了哪些页面

00:00:39.840 --> 00:00:45.000
最好还包括你产品的页面的视觉规范

00:00:45.000 --> 00:00:46.120
这样是最好的

00:00:46.120 --> 00:00:48.120
这个文档你可以自己写

00:00:48.120 --> 00:00:51.160
也可以让AI来辅助帮你去编写

00:00:51.160 --> 00:00:52.780
接下来就是设计原型

00:00:52.780 --> 00:00:54.660
很多人认为有了需求之后

00:00:54.660 --> 00:00:55.900
是不是直接让AI开干

00:00:55.900 --> 00:00:57.640
直接把这个系统就可以做出来了

00:00:57.640 --> 00:00:58.800
那我的建议是

00:00:58.800 --> 00:01:00.720
一定要先把这个圆形做出来

00:01:00.720 --> 00:01:02.960
当然如果你的需求是脚本

00:01:02.960 --> 00:01:04.560
跟这些界面没有关系的

00:01:04.560 --> 00:01:05.800
那么你可以直接去开干

00:01:05.800 --> 00:01:08.100
但是如果有跟界面有关系

00:01:08.100 --> 00:01:09.320
不管是做APP

00:01:09.320 --> 00:01:10.300
做小程序

00:01:10.300 --> 00:01:11.360
还是做网页

00:01:11.360 --> 00:01:13.120
一定要先把这个圆形

00:01:13.120 --> 00:01:15.320
没有任何数据交互的

00:01:15.320 --> 00:01:17.120
跟后端没有交互的这种东西

00:01:17.120 --> 00:01:17.780
要先做出来

00:01:17.780 --> 00:01:18.900
那做圆形的话

00:01:18.900 --> 00:01:20.100
有以下这种办法

00:01:20.100 --> 00:01:20.860
第一种是

00:01:20.860 --> 00:01:23.140
你如果有专业的UI设计经验

00:01:23.140 --> 00:01:26.320
那么非常建议你使用专业的工具来设计

00:01:26.320 --> 00:01:26.980
比如像Figma

00:01:26.980 --> 00:01:31.300
这一类工具其实已经支持AI的辅助了

00:01:31.300 --> 00:01:32.800
所以你可以借助AI的辅助

00:01:32.800 --> 00:01:35.360
到Figma设计加快

00:01:35.360 --> 00:01:38.620
还有一种就是你可以直接基于我们的PRD文档

00:01:38.620 --> 00:01:42.260
因为PRD文档里面如果包含了页面的说明

00:01:42.260 --> 00:01:45.040
还有包含了程序的设计规范的话

00:01:45.040 --> 00:01:48.100
那么它是可以直接生成小程序的UI界面的

00:01:48.100 --> 00:01:51.140
那么还有一种你可以使用第三方的深图工具

00:01:51.140 --> 00:01:53.120
直接生成原型的图片

00:01:53.120 --> 00:01:53.680
也是可以的

00:01:53.680 --> 00:01:54.380
比如说我使用

00:01:54.380 --> 00:01:56.140
Challengept image

00:01:56.140 --> 00:01:57.320
那生成一个这样

00:01:57.320 --> 00:01:58.460
首页的原型图片

00:01:58.460 --> 00:01:59.860
那么你基于这个图片

00:01:59.860 --> 00:02:01.520
去开发这样的小程序界面

00:02:01.520 --> 00:02:02.640
也是可以的

00:02:02.640 --> 00:02:03.860
有了这个prd文档

00:02:03.860 --> 00:02:04.840
那我们就直接到

00:02:04.840 --> 00:02:05.460
第二部

00:02:05.460 --> 00:02:06.340
用Deepsyc Harness

00:02:06.340 --> 00:02:07.400
来设计原型

00:02:07.400 --> 00:02:09.280
我们可以使用这个提示词

00:02:09.280 --> 00:02:10.640
我可以把它复制过来

00:02:10.640 --> 00:02:12.480
然后打开你的Deepsyc Harness

00:02:12.480 --> 00:02:14.640
然后创建一个这样的文件夹

00:02:14.640 --> 00:02:16.500
然后选择模式的话

00:02:16.500 --> 00:02:17.560
这边可以选择标准

00:02:17.560 --> 00:02:19.480
PTC和创造模式都可以

00:02:19.480 --> 00:02:20.940
然后这个模型的话

00:02:20.940 --> 00:02:22.700
你就选择V41 Flash

00:02:22.700 --> 00:02:24.680
然后推理级别的话

00:02:24.680 --> 00:02:25.640
选择High就行了

00:02:25.640 --> 00:02:26.760
不需要开到Max

00:02:26.760 --> 00:02:28.260
直接使用High就行了

00:02:28.260 --> 00:02:30.880
然后这边工作区修改的话

00:02:30.880 --> 00:02:32.140
你可以选择完全

00:02:32.140 --> 00:02:33.700
让它拥有最高权限

00:02:33.700 --> 00:02:34.980
我们说这样的提示词

00:02:34.980 --> 00:02:37.200
就是让它去阅读PRD文档

00:02:37.200 --> 00:02:38.700
了解所有的功能

00:02:38.700 --> 00:02:41.040
让它的页面的风格来参考

00:02:41.040 --> 00:02:42.940
我们刚刚说的圆形的图片

00:02:42.940 --> 00:02:44.520
如果你没有也没有关系

00:02:44.520 --> 00:02:46.040
因为我们PRD文档其实是有的

00:02:46.040 --> 00:02:48.360
有页面的设计规范的

00:02:48.360 --> 00:02:49.680
然后再说明小程序

00:02:49.680 --> 00:02:51.440
所有的界面都使用模拟数据

00:02:51.440 --> 00:02:52.760
不要在界面中写死

00:02:52.760 --> 00:02:55.080
小程序是有界面和JS的

00:02:55.080 --> 00:02:57.160
如果你把这个数据写死在界面的话

00:02:57.160 --> 00:02:58.840
后面调整是非常麻烦的

00:02:58.840 --> 00:03:00.360
直接让他一定要使用模拟数据

00:03:00.360 --> 00:03:01.260
不要写死的数据

00:03:01.260 --> 00:03:02.980
有了这些关键信息

00:03:02.980 --> 00:03:05.460
那么你就可以去让他去做这件事情了

00:03:05.460 --> 00:03:06.820
你在做的时候

00:03:06.820 --> 00:03:08.460
你不一定说提示词完全一样

00:03:08.460 --> 00:03:09.740
你要抓住核心点

00:03:09.740 --> 00:03:10.920
首先是PRD文档

00:03:10.920 --> 00:03:12.840
PRD文档告诉AI

00:03:12.840 --> 00:03:14.660
让他知道他要去做什么

00:03:14.660 --> 00:03:16.340
他的功能是什么

00:03:16.340 --> 00:03:17.320
页面是什么

00:03:17.320 --> 00:03:19.820
然后呢就是让他去使用这个模拟数据

00:03:19.820 --> 00:03:21.420
还有就是如果你有图片的话

00:03:21.420 --> 00:03:24.180
让他从图片里面抽取这个规范

00:03:24.180 --> 00:03:27.300
保存到我们的一个规范的设计规范文件里面去

00:03:27.300 --> 00:03:29.440
那后面后续的这个小程序的开发

00:03:29.440 --> 00:03:30.680
就可以参考这个规范

00:03:30.680 --> 00:03:32.940
那比如说我们现在规范是这种风格的

00:03:32.940 --> 00:03:35.380
那么他提取到这个Design MD之后

00:03:35.380 --> 00:03:36.640
也是这样的风格的

00:03:36.640 --> 00:03:38.440
那么对后面后续也没有开发

00:03:38.440 --> 00:03:40.160
是有一个这样的参考价值的

00:03:40.160 --> 00:03:43.120
OK那我们就发送给DBSC HANIS

00:03:43.120 --> 00:03:45.800
就是我们一旦设计了图片这种东西

00:03:45.800 --> 00:03:46.700
你输入的东西

00:03:46.700 --> 00:03:48.000
如果一旦有图片的话

00:03:48.000 --> 00:03:50.600
那么一定要选择支持图片的模型

00:03:50.600 --> 00:03:52.560
比如说Deepseek Flash系列

00:03:52.560 --> 00:03:54.140
OK它已经跑完了

00:03:54.140 --> 00:03:57.520
那么它花的时间大概是15分钟

00:03:57.520 --> 00:03:59.380
这边的输入速度将近300

00:03:59.380 --> 00:04:01.720
非常快的缓存命中率是99.6%

00:04:01.720 --> 00:04:02.380
非常不错

00:04:02.380 --> 00:04:05.200
那么它帮我们生成的文件里面

00:04:05.200 --> 00:04:06.680
有一个这样mini program

00:04:06.680 --> 00:04:08.080
就是小程序的目录

00:04:08.080 --> 00:04:09.320
那么你用小程序

00:04:09.320 --> 00:04:10.120
开发的工具的时候

00:04:10.120 --> 00:04:11.160
要打开这个目录

00:04:11.160 --> 00:04:12.740
然后的话我们可以看到

00:04:12.740 --> 00:04:14.320
它因为我们提供了图片

00:04:14.320 --> 00:04:15.580
然后它就帮我们生

00:04:15.580 --> 00:04:18.080
从图片里面截出这么多图片

00:04:18.080 --> 00:04:19.820
还有比如说像底部导航这些图片

00:04:19.820 --> 00:04:22.280
也是他帮我们去截出来的

00:04:22.280 --> 00:04:26.600
比如说未选中的和已选中的

00:04:26.600 --> 00:04:27.700
非常不错

00:04:27.700 --> 00:04:29.600
我们来打开小程序来看一下

00:04:29.600 --> 00:04:29.980
OK

00:04:29.980 --> 00:04:31.160
这个就是小程序了

00:04:31.160 --> 00:04:32.300
现在打开是有问题的

00:04:32.300 --> 00:04:34.460
底部菜单是正常的

00:04:34.460 --> 00:04:36.580
我们接下来进入第三个阶段

00:04:36.580 --> 00:04:37.920
就是调试我们的小程序

00:04:37.920 --> 00:04:40.560
因为小程序它是哈里斯

00:04:40.560 --> 00:04:42.600
没办法去直接访问小程序

00:04:42.600 --> 00:04:44.520
不然的话它是可以看到

00:04:44.520 --> 00:04:45.520
小程序错误

00:04:45.520 --> 00:04:46.920
比如说你如果做web

00:04:46.920 --> 00:04:48.720
或者做iApp的话

00:04:48.720 --> 00:04:50.620
一般会提供这种模拟的程序

00:04:50.620 --> 00:04:51.620
它可以直接访问

00:04:51.620 --> 00:04:52.820
但是小程序没有

00:04:52.820 --> 00:04:55.620
就是小程序这边没有提供这种能力

00:04:55.620 --> 00:04:58.220
我们要让它去解决这样错误的话

00:04:58.220 --> 00:05:01.520
只能通过截图的方式是最简单的

00:05:01.520 --> 00:05:03.820
然后直接截个图片复制给它

00:05:03.820 --> 00:05:05.320
那去修复这个问题

00:05:05.320 --> 00:05:07.620
那你也可以打开编辑器

00:05:07.620 --> 00:05:09.620
这边的话选择编辑器

00:05:09.620 --> 00:05:10.320
调试器

00:05:10.320 --> 00:05:12.020
然后这边的这些错误信息

00:05:12.020 --> 00:05:15.060
你也可以直接复制到这个对话框里面去发给他

00:05:15.060 --> 00:05:18.180
然后让他去帮我们去调整这样的错误

00:05:18.180 --> 00:05:21.860
那么我们可以看到小程序里面这边生成界面是非常多的

00:05:21.860 --> 00:05:26.460
然后他每一个的格式都是符合我们的这个要求

00:05:26.460 --> 00:05:27.660
就是有4个这样的文件

00:05:27.660 --> 00:05:31.300
然后他的数据都是在这里没有写死

00:05:31.300 --> 00:05:33.660
就是说在这个界面是没有写死数据的

00:05:33.660 --> 00:05:36.180
他都是来自于我们后端的获取

00:05:36.180 --> 00:05:39.040
所以说我们等会去对接后端是非常方便

00:05:39.040 --> 00:05:42.240
然后我们再看一下它的底部导航这4个

00:05:42.240 --> 00:05:44.060
那么可以看到首页

00:05:44.060 --> 00:05:45.220
然后是图片

00:05:45.220 --> 00:05:47.320
然后是选中的图片

00:05:47.320 --> 00:05:48.920
它都帮我们解好了

00:05:48.920 --> 00:05:50.080
这是非常不错

00:05:50.080 --> 00:05:52.040
如果说你没有像我一样

00:05:52.040 --> 00:05:53.900
生成这样的圆形图片的话

00:05:53.900 --> 00:05:57.120
你可以从其他的开源的网站去找这种图片

00:05:57.120 --> 00:05:58.840
比如像iconfund这样的网站

00:05:58.840 --> 00:06:00.760
可以去找两张图片

00:06:00.760 --> 00:06:02.680
一张是普通的情况下的

00:06:02.680 --> 00:06:05.300
就这种灰色一种是选中的

00:06:05.300 --> 00:06:08.020
你选一个符合你自己主题的颜色就可以了

00:06:08.020 --> 00:06:08.620
好的

00:06:08.620 --> 00:06:11.180
他这边告诉我们已经修复了

00:06:11.180 --> 00:06:12.580
我们再看一下

00:06:12.820 --> 00:06:14.340
那么如果你看这边还有错误

00:06:14.340 --> 00:06:16.380
你可以点击刷新一下

00:06:16.540 --> 00:06:17.580
那么现在看的话

00:06:17.580 --> 00:06:19.140
这个效果就非常不错的

00:06:19.140 --> 00:06:20.900
我们可以看一下

00:06:21.980 --> 00:06:23.820
这个滚动也是正常的

00:06:23.820 --> 00:06:25.460
然后的话菜单

00:06:26.100 --> 00:06:28.140
商品的商品列表

00:06:28.140 --> 00:06:29.380
我们点击去看一下

00:06:30.100 --> 00:06:30.700
ok

00:06:31.340 --> 00:06:32.980
这个效果做的真的是不错

00:06:33.580 --> 00:06:35.380
然后我们可以点击加号

00:06:35.380 --> 00:06:37.060
然后的话接到购物车

00:06:37.060 --> 00:06:38.860
去购物车里面看一下

00:06:38.860 --> 00:06:40.460
非常不错

00:06:40.460 --> 00:06:41.200
点结算

00:06:41.200 --> 00:06:42.480
好的

00:06:42.480 --> 00:06:43.820
然后新增地址

00:06:43.820 --> 00:06:45.260
OK

00:06:45.260 --> 00:06:48.300
所以因为我们有了第一张图片

00:06:48.300 --> 00:06:49.600
定义了这种风格

00:06:49.600 --> 00:06:52.200
那么它就会所有的页面都是这种风格

00:06:52.200 --> 00:06:53.420
就这种绿色的这种风格

00:06:53.420 --> 00:06:54.460
那么提交一下

00:06:54.460 --> 00:06:56.020
填一个地址

00:06:56.020 --> 00:06:57.620
之后成功

00:06:57.620 --> 00:06:59.200
OK

00:06:59.200 --> 00:07:00.080
我们查看订单

00:07:00.080 --> 00:07:01.820
好的

00:07:01.820 --> 00:07:02.560
订单详情

00:07:02.560 --> 00:07:03.300
不错

00:07:03.300 --> 00:07:05.840
我们再回到我们的个人中心里面去

00:07:05.840 --> 00:07:06.240
看一下

00:07:06.240 --> 00:07:08.640
这边是全部订单

00:07:08.640 --> 00:07:11.280
付款完成

00:07:11.280 --> 00:07:13.680
大配送的完成了

00:07:13.680 --> 00:07:15.320
不错

00:07:15.320 --> 00:07:16.860
就除了这些还有这些图标

00:07:16.860 --> 00:07:18.040
这还有这些图标

00:07:18.040 --> 00:07:19.920
我们可以用刚刚我说的方法

00:07:19.920 --> 00:07:21.880
去开源的图标网站里面

00:07:21.880 --> 00:07:22.640
把它替换掉

00:07:22.640 --> 00:07:23.820
是完全可以

00:07:23.820 --> 00:07:26.960
基本上一个这样的小程序的商城

00:07:26.960 --> 00:07:27.800
就做出来了

00:07:27.800 --> 00:07:29.340
然后我们再检查一下

00:07:29.340 --> 00:07:30.420
它缺的界面

00:07:30.420 --> 00:07:32.960
比如说它没有登录界面

00:07:32.960 --> 00:07:33.240
对吧

00:07:33.240 --> 00:07:35.600
我们现在需要它有登录的界面

00:07:35.600 --> 00:07:37.000
那么你就可以去告诉他

00:07:37.800 --> 00:07:40.400
那就直接告诉他缺少小程序一键登录界面

00:07:40.400 --> 00:07:41.080
发送给他

00:07:41.080 --> 00:07:42.880
那他去增加就行了

00:07:42.880 --> 00:07:46.040
那如果说某一个样式你觉得不对的话

00:07:46.040 --> 00:07:48.080
那么你就可以使用这种方式

00:07:48.360 --> 00:07:49.040
比如说分类

00:07:49.040 --> 00:07:50.280
我们可以找个界面调整

00:07:51.640 --> 00:07:56.840
比如说我们想让他就可以使用截图

00:07:56.840 --> 00:07:58.480
然后通过这种

00:07:58.843 --> 00:08:05.163
然後通過這種寬度一個紅色區域,然後截圖,讓它去調整。

00:08:05.163 --> 00:08:07.803
那你就可以複製圖片描述。

00:08:07.803 --> 00:08:10.723
那麼你就告訴他,這相當於是一個局部的調整。

00:08:10.723 --> 00:08:13.443
你就告訴他,紅色寬度的地方,你要調成什麼樣子。

00:08:13.443 --> 00:08:15.083
把这个宽度的地方拉大一点

00:08:15.443 --> 00:08:16.683
他就会去调整这块去

00:08:16.683 --> 00:08:18.443
因为它是个视觉模型

00:08:18.443 --> 00:08:20.843
它是可以读懂你这个宽度的地方在哪里的

00:08:21.083 --> 00:08:23.923
那么他这边也是将登录的这个界面做完

00:08:23.923 --> 00:08:24.483
做完之后

00:08:24.643 --> 00:08:26.923
我们要求他把这个登录的相关功能

00:08:26.923 --> 00:08:28.723
更新到我们的prd文档里面

00:08:28.883 --> 00:08:31.083
因为这个界面是prd没有的

00:08:31.083 --> 00:08:32.123
所以他更新进去

00:08:32.283 --> 00:08:33.843
比如说在这个调试过程中

00:08:33.843 --> 00:08:36.283
如果你新增的界面改变的流程

00:08:36.403 --> 00:08:39.003
一定要让AI把这些跟变更的东西

00:08:39.003 --> 00:08:40.283
更新到prd文档

00:08:40.443 --> 00:08:42.203
因为我们prd文档是

00:08:42.203 --> 00:08:44.503
衔接整个前后端

00:08:44.503 --> 00:08:46.883
或者说你非常重要的一个参考文件

00:08:46.883 --> 00:08:48.663
就不要让它出现

00:08:48.663 --> 00:08:50.543
PID文档跟你的这个界面

00:08:50.543 --> 00:08:52.203
完全是没有关系的

00:08:52.203 --> 00:08:53.643
或者说很多改变它都没有

00:08:53.643 --> 00:08:55.143
那这样会导致你后面

00:08:55.143 --> 00:08:57.343
后面就失去参考的东西了

00:08:57.343 --> 00:08:59.263
那接下来就是对接后端

00:08:59.263 --> 00:09:00.743
那对接后端这里的话

00:09:00.743 --> 00:09:01.983
是有非常多的选择

00:09:01.983 --> 00:09:03.043
其实非常重要的一个选择

00:09:03.043 --> 00:09:04.443
就是你选择什么技术站

00:09:04.443 --> 00:09:06.563
来实现这个后端的功能

00:09:06.563 --> 00:09:07.783
如果你是一个

00:09:07.783 --> 00:09:08.963
没有任何技术经验的话

00:09:08.963 --> 00:09:10.443
那么你就使用Cloudbase

00:09:10.443 --> 00:09:12.143
就腾讯出的这个云开发

00:09:12.143 --> 00:09:14.983
那么它是对非技术人员非常友好的

00:09:14.983 --> 00:09:16.243
然后的话我们第一步

00:09:16.243 --> 00:09:18.023
我们先装一个技能

00:09:18.023 --> 00:09:18.823
叫March Skills

00:09:18.823 --> 00:09:20.783
为什么要装这个技能呢

00:09:20.783 --> 00:09:22.143
这个技能可以帮我们

00:09:22.143 --> 00:09:23.843
进一步的梳理我们的需求

00:09:23.843 --> 00:09:25.723
生成一个标准的规格文档

00:09:25.723 --> 00:09:28.903
后面我们会基于规格文档

00:09:28.903 --> 00:09:30.823
一次性把所有的后端都替换完成

00:09:30.823 --> 00:09:32.243
但是这有个前提

00:09:32.243 --> 00:09:35.683
如果你现在做了小程序的功能非常复杂

00:09:35.683 --> 00:09:38.163
你的页面速度超过10个或20个的话

00:09:38.163 --> 00:09:39.683
不建议一次性生成

00:09:39.683 --> 00:09:42.263
如果你的界面数都在十来个左右

00:09:42.263 --> 00:09:44.123
功能也不是那么复杂

00:09:44.123 --> 00:09:46.643
那么非常建议你可以使用这个技能

00:09:46.643 --> 00:09:49.983
让他帮你梳理出来一个详细的对接文档

00:09:49.983 --> 00:09:54.803
来后面我们可以一次性给他全部根据这个对接文档去实现

00:09:54.803 --> 00:09:56.903
那么如果你的需求比较复杂

00:09:56.903 --> 00:10:00.043
那么你也可以用这个技能开成不同的块

00:10:00.043 --> 00:10:02.603
然后把不同的块再去分别去实现

00:10:02.603 --> 00:10:05.483
所以我们这个安装这个技能是非常重要的

00:10:05.483 --> 00:10:07.523
那么你可以执行这个命令来安装技能

00:10:07.523 --> 00:10:09.123
那我们输入这个命令

00:10:09.123 --> 00:10:11.683
这个意思就是你要选择什么样的技能

00:10:11.923 --> 00:10:13.083
我们如果图方便

00:10:13.083 --> 00:10:14.083
你就选择slack

00:10:14.083 --> 00:10:15.283
就全部

00:10:15.283 --> 00:10:17.203
那么你也可以选择就是这个

00:10:17.203 --> 00:10:18.763
这些都是常用的

00:10:19.123 --> 00:10:20.323
可以往下拉一下

00:10:20.323 --> 00:10:22.563
然后还有一些可能是不是那么

00:10:22.803 --> 00:10:23.923
就是不是技术

00:10:24.123 --> 00:10:25.163
不是开发的时候用的

00:10:25.163 --> 00:10:26.563
可能是在其他地方用的

00:10:26.883 --> 00:10:27.843
那么可以选择

00:10:28.123 --> 00:10:29.083
那么确认

00:10:29.763 --> 00:10:30.683
再确认

00:10:31.283 --> 00:10:32.643
然后我们选择全局

00:10:32.643 --> 00:10:34.483
因为我们在很多地方用的

00:10:34.643 --> 00:10:35.283
然后再确认

00:10:35.283 --> 00:10:35.803
OK

00:10:36.443 --> 00:10:36.803
好

00:10:36.803 --> 00:10:39.303
这样的话就是我们的技能就完成了

00:10:39.303 --> 00:10:41.303
我们再回到我们的Dubc Hines

00:10:41.603 --> 00:10:44.003
然后我们要完成技能的初始化

00:10:44.403 --> 00:10:46.003
你就可以打开一个新的对话

00:10:46.003 --> 00:10:48.803
因为跟我们当前的对话是没有关系的

00:10:49.203 --> 00:10:51.003
然后选择完全权限

00:10:51.503 --> 00:10:52.803
然后选择setup

00:10:53.103 --> 00:10:55.803
也就是说我们要给技能进行一个初始化

00:10:55.903 --> 00:10:57.803
他会去读我们的项目的文件

00:10:57.803 --> 00:10:59.903
然后配置一些东西

00:10:59.903 --> 00:11:01.403
然后方便我们后面用技能

00:11:01.403 --> 00:11:02.403
因为更加顺畅一点

00:11:02.803 --> 00:11:03.703
什么都不用说

00:11:03.703 --> 00:11:05.303
直接执行技能

00:11:05.303 --> 00:11:06.963
第一步他就会问你

00:11:06.963 --> 00:11:07.783
他怎么去保存

00:11:07.783 --> 00:11:09.183
就是他的一个

00:11:09.183 --> 00:11:11.403
相应我们一个任务的保存地方

00:11:11.403 --> 00:11:13.803
我选择本地第一项

00:11:13.803 --> 00:11:14.863
好

00:11:14.863 --> 00:11:16.563
这些也是点击推荐就行了

00:11:16.563 --> 00:11:18.783
这个文件我们用agentsmd

00:11:18.783 --> 00:11:19.703
OK

00:11:19.703 --> 00:11:21.563
好保存好了

00:11:21.563 --> 00:11:25.283
我们再回到我们的刚刚的对话里面

00:11:25.283 --> 00:11:28.003
因为这个其实是跟我们的生成是没关系的

00:11:28.003 --> 00:11:30.203
我们再回到这个对话里面去

00:11:30.203 --> 00:11:31.223
我们使用这个技能

00:11:31.223 --> 00:11:32.903
然后接下来就我们要用这个技能

00:11:32.903 --> 00:11:34.423
去理清楚我们后段的逻辑

00:11:34.423 --> 00:11:36.843
这个技能它会向你提很多问题

00:11:36.843 --> 00:11:38.183
如果我们一开始

00:11:38.183 --> 00:11:39.703
没有任何的需求文档

00:11:39.703 --> 00:11:40.503
去用这个技能的话

00:11:40.503 --> 00:11:41.623
它提的问题会非常多

00:11:41.623 --> 00:11:44.183
所以我们一定是有PRD文档

00:11:44.183 --> 00:11:46.323
相当于它有背景的信息

00:11:46.323 --> 00:11:48.283
它就会使用AI的方式

00:11:48.283 --> 00:11:49.283
去阅读这个文档

00:11:49.283 --> 00:11:52.283
然后看一下AI有什么不懂的

00:11:52.283 --> 00:11:52.923
再问我们

00:11:52.923 --> 00:11:53.903
我们再去回答

00:11:53.903 --> 00:11:55.883
我们用这个技能来理清楚需求

00:11:55.883 --> 00:11:57.603
然后生成文档

00:11:57.603 --> 00:11:58.963
我们选择这个

00:11:58.963 --> 00:11:59.783
Grui

00:11:59.783 --> 00:12:01.123
Width

00:12:01.123 --> 00:12:03.063
可以看到

00:12:03.063 --> 00:12:05.783
首先是让他去阅读PID文档

00:12:05.783 --> 00:12:07.683
其次就是我们的任务

00:12:07.683 --> 00:12:09.183
是让他去将小程序的界面

00:12:09.183 --> 00:12:10.363
对接真实的后端

00:12:10.363 --> 00:12:12.763
然后这边技术站选择

00:12:12.763 --> 00:12:14.123
就是你在这里一定要告诉他

00:12:14.123 --> 00:12:15.003
你选择什么的技术站

00:12:15.003 --> 00:12:16.883
目前我们只有纯前端

00:12:16.883 --> 00:12:18.283
是没有任何技术站

00:12:18.283 --> 00:12:18.963
这边技术站的话

00:12:18.963 --> 00:12:19.463
你可以选择

00:12:19.463 --> 00:12:20.683
比如说你自己熟悉的语言

00:12:20.683 --> 00:12:22.223
你如果不懂技术的话

00:12:22.223 --> 00:12:24.103
你就选择Cloud Base

00:12:24.103 --> 00:12:25.163
然后的话数据库

00:12:25.163 --> 00:12:26.983
使用MySoco告诉他账号名买

00:12:26.983 --> 00:12:28.843
因为他要去创建这辆数据库

00:12:28.843 --> 00:12:30.103
然后告诉他数据库的名称

00:12:30.103 --> 00:12:32.363
我们就可以发送给他了

00:12:32.363 --> 00:12:35.163
那接下来他就会阅读你这个PRD文档

00:12:35.163 --> 00:12:37.183
那阅读你的小程序界面

00:12:37.183 --> 00:12:39.263
然后呢来向你提问

00:12:39.263 --> 00:12:41.323
所有问题都回答完之后呢

00:12:41.323 --> 00:12:43.063
我们就再用它来生成

00:12:43.063 --> 00:12:44.923
我们最终落地的一个文档

00:12:44.923 --> 00:12:47.323
那那个文档是最最重要的一个文档

00:12:47.323 --> 00:12:48.803
所有的问题都问完了

00:12:48.803 --> 00:12:50.963
那么在其实在询问的过程中啊

00:12:50.963 --> 00:12:53.823
他经常会有每个问题旁边有个推荐两个字

00:12:53.823 --> 00:12:55.383
如果你自己搞不懂

00:12:55.383 --> 00:12:57.703
或者说你不知道应该选择哪个的话

00:12:57.703 --> 00:12:58.723
你推荐那一下就行了

00:12:58.723 --> 00:13:00.083
如果你能搞得懂

00:13:00.083 --> 00:13:02.763
那么就按照你的理解去选择具体的项

00:13:02.763 --> 00:13:05.003
每一个选项都会引发

00:13:05.003 --> 00:13:07.183
就是可能连续的问题都是不一样的

00:13:07.183 --> 00:13:10.563
所以说你就按照真实的你的理解来选择

00:13:10.563 --> 00:13:11.723
所有的问题问完之后

00:13:11.723 --> 00:13:14.503
它会提示你要生成一个spack这样的文档

00:13:14.503 --> 00:13:15.823
这个文档的话

00:13:15.823 --> 00:13:19.223
就是后续用来执行代码生成的一个很重要的参考

00:13:19.223 --> 00:13:20.543
那么你就让它确认

00:13:20.543 --> 00:13:22.703
直接让它先写这个spack文档

00:13:22.703 --> 00:13:25.803
因为我们需要去看一眼这个spack里面的内容

00:13:25.803 --> 00:13:28.963
那这里面的内容应该会包含它需要做什么

00:13:28.963 --> 00:13:30.703
然后他需要怎么去验收

00:13:30.703 --> 00:13:33.463
这个就是我们要的最终的一个东西

00:13:33.463 --> 00:13:35.063
OK他生成了一滴的文档

00:13:35.063 --> 00:13:37.303
首先我们来看一下他具体生成什么东西

00:13:37.303 --> 00:13:39.243
首先他生成了一个spec文档

00:13:39.243 --> 00:13:43.803
然后生成了不同的功能模块的一个文档

00:13:43.803 --> 00:13:45.043
那这样就非常好了

00:13:45.043 --> 00:13:46.383
相当于有一个总的文档

00:13:46.383 --> 00:13:49.763
然后再分为了非常细节的一个子模块的文档

00:13:49.763 --> 00:13:52.063
我们可以看一下文档里面都有什么

00:13:52.063 --> 00:13:53.823
我们先看一下这个总的spec文档

00:13:53.823 --> 00:13:57.083
那这个就是真实的一个后端对接的需求了

00:13:57.083 --> 00:13:58.663
然后你的背景是什么

00:13:58.663 --> 00:13:59.323
目标什么

00:13:59.323 --> 00:14:00.283
非目标是什么

00:14:00.283 --> 00:14:01.443
然后的话

00:14:01.443 --> 00:14:02.343
这个技术站是什么

00:14:02.343 --> 00:14:02.983
还有模型

00:14:02.983 --> 00:14:03.603
数据模型

00:14:03.603 --> 00:14:05.263
以及最重要就是

00:14:05.263 --> 00:14:08.563
它关联的这个子模块的公单

00:14:08.563 --> 00:14:09.783
它在这个叫公单

00:14:09.783 --> 00:14:11.603
其实就是我们要它做的内容

00:14:11.603 --> 00:14:12.903
描述的文档

00:14:12.903 --> 00:14:13.863
这边的话

00:14:13.863 --> 00:14:14.963
它都是包括了

00:14:14.963 --> 00:14:15.603
我们可以看一下

00:14:15.603 --> 00:14:16.803
随便找一个看一下

00:14:16.803 --> 00:14:17.703
我们可以看一下

00:14:17.703 --> 00:14:18.183
创新订单

00:14:18.183 --> 00:14:19.563
那目标是什么

00:14:19.563 --> 00:14:20.843
接口是什么

00:14:20.843 --> 00:14:21.903
然后的话验收

00:14:21.903 --> 00:14:22.423
看到没有

00:14:22.423 --> 00:14:25.343
每一个文档都是包含了验收的

00:14:25.343 --> 00:14:27.503
就是怎么样才算成功验收

00:14:27.503 --> 00:14:29.463
那么有了这些玩长之后

00:14:29.463 --> 00:14:30.623
你接下来就可以用

00:14:30.623 --> 00:14:32.023
Deep Seek Harness里面

00:14:32.023 --> 00:14:32.863
非常一个重要的功能

00:14:32.863 --> 00:14:33.343
就是目标

00:14:34.325 --> 00:14:35.845
就这个目标

00:14:35.845 --> 00:14:39.225
也就是我们可以让它基于这些文档

00:14:39.225 --> 00:14:41.485
然后去执行一个长任务

00:14:41.485 --> 00:14:42.785
一直开发

00:14:42.785 --> 00:14:44.285
然后呢

00:14:44.285 --> 00:14:46.225
每一个任务完成之后

00:14:46.225 --> 00:14:48.685
它都会根据每一个文档里面去做验收

00:14:48.685 --> 00:14:51.525
所有文档验收成功了

00:14:51.525 --> 00:14:54.245
那么就告诉我们这个任务就完成了

00:14:54.245 --> 00:14:55.345
那这个就是目标模式

00:14:55.345 --> 00:14:58.965
所以我们不需要自己去写这个验收的条件是什么

00:14:58.965 --> 00:15:02.405
只要把这个文档丢给这个目标模式

00:15:02.405 --> 00:15:04.425
让它去循环去执行就行了

00:15:04.425 --> 00:15:07.865
OK我们可以新建一个对话

00:15:07.865 --> 00:15:10.405
因为其实它所有的文档都已经创建好了

00:15:10.405 --> 00:15:13.065
它不需要依赖于之前你的上下文

00:15:13.065 --> 00:15:14.205
你可以新建一个文档

00:15:14.205 --> 00:15:15.205
新建一个对话

00:15:15.205 --> 00:15:17.105
那这样上下文就能节省非常多

00:15:17.105 --> 00:15:18.465
Token也会节省

00:15:18.465 --> 00:15:21.865
那一样的把这个模式开到这个完全模式

00:15:21.865 --> 00:15:23.885
然后在这边点击加号

00:15:23.885 --> 00:15:24.945
选择go

00:15:24.945 --> 00:15:27.865
然后选择目标模式之后

00:15:27.865 --> 00:15:30.965
让它阅读spec文档和它全部的这个issues文档

00:15:30.965 --> 00:15:32.925
然后完成所有的功能开发和验收

00:15:32.925 --> 00:15:33.505
就可以了

00:15:33.505 --> 00:15:37.125
那么它这边就会去开启这样的目标

00:15:37.125 --> 00:15:39.505
然后去读取这个文件和下面的这个 issues

00:15:39.505 --> 00:15:41.065
那一个一个去执行

00:15:41.065 --> 00:15:42.085
然后一个个去验收

00:15:42.085 --> 00:15:44.925
所以整个过程是非常的顺畅的

00:15:44.925 --> 00:15:47.105
我们在这下面也可以看到

00:15:47.105 --> 00:15:49.805
它这里显示进行中的目标

00:15:49.805 --> 00:15:52.225
然后你这边可以去点击这个暂停

00:15:52.225 --> 00:15:53.225
点击暂停之后

00:15:53.225 --> 00:15:54.605
你可以去重新开启

00:15:54.605 --> 00:15:55.585
那这边的话

00:15:55.585 --> 00:15:57.325
它是会基于当前的进度

00:15:57.325 --> 00:15:59.225
然后又开始去执行任务

00:15:59.225 --> 00:16:01.805
所以到这个时候

00:16:01.805 --> 00:16:03.065
你就可以去做自己的事情了

00:16:03.065 --> 00:16:04.525
反正让他去一直去跑就行了

00:16:04.525 --> 00:16:05.365
跑完之后

00:16:05.365 --> 00:16:07.165
你去做一个验收就OK了

00:16:07.165 --> 00:16:09.125
非常适合在这种

00:16:09.125 --> 00:16:10.765
比如说错峰的时候

00:16:10.765 --> 00:16:12.565
你睡觉之前

00:16:12.565 --> 00:16:13.505
或者说你睡觉之前

00:16:13.505 --> 00:16:14.525
布置一个任务

00:16:14.525 --> 00:16:15.565
让他去一直去跑

00:16:15.565 --> 00:16:17.705
但是我们在使用目标模式的时候

00:16:17.705 --> 00:16:20.085
一定要记得有验收的条件

00:16:20.085 --> 00:16:21.645
不然他跑完之后

00:16:21.645 --> 00:16:23.545
可能都不是你想要的

00:16:23.545 --> 00:16:25.065
这个验收条件是很重要的

00:16:25.065 --> 00:16:26.505
不管是你使用第三方的技能

00:16:26.505 --> 00:16:27.745
还是自己去写

00:16:27.745 --> 00:16:28.865
都一定要加上去

00:16:28.865 --> 00:16:31.505
那我们可以看到在执行这个目标模式的时候

00:16:31.505 --> 00:16:33.705
这边呢开启了6个这样的子带里

00:16:34.465 --> 00:16:36.345
那不同子带里负责不同的任务

00:16:36.345 --> 00:16:37.865
那这边的话也是有一个后台

00:16:37.865 --> 00:16:38.825
正在运行的这个

00:16:39.145 --> 00:16:40.545
他会启动一个这样的脚本

00:16:40.945 --> 00:16:42.385
那这边会一直去运行

00:16:42.625 --> 00:16:43.665
那他运行完之后

00:16:43.665 --> 00:16:45.585
他自己会去做单元测试

00:16:45.585 --> 00:16:46.865
完成基本的测试之后

00:16:46.865 --> 00:16:47.785
你就可以去启动

00:16:48.065 --> 00:16:50.625
结合小程序的前端来完成一个连条测试了

00:16:50.905 --> 00:16:51.865
那如果有什么问题的话

00:16:51.865 --> 00:16:53.825
还是用刚刚教你的办法

00:16:53.825 --> 00:16:55.345
通过截图或者复制

00:16:55.785 --> 00:16:56.705
错误的方式

00:16:56.705 --> 00:16:59.225
然后让Depsy去修复这样的问题

00:16:59.225 --> 00:17:01.385
所以我们在整个过程体验上来说

00:17:01.385 --> 00:17:02.385
其实是非常简单

00:17:02.385 --> 00:17:03.885
现在你要去开发一个小程序

00:17:03.885 --> 00:17:05.365
其实流程是很简单的

00:17:05.365 --> 00:17:06.945
把需求搞懂

00:17:06.945 --> 00:17:08.625
把设计的原型先做出来

00:17:08.625 --> 00:17:09.745
然后把原型调好

00:17:09.745 --> 00:17:11.185
然后就去对接一个后端

00:17:11.185 --> 00:17:12.985
然后你可以选择更简单的

00:17:12.985 --> 00:17:14.785
像Cloudbase这样的原端数据库

00:17:14.785 --> 00:17:16.845
那么整个实验起来

00:17:16.845 --> 00:17:19.165
会比现在用Python这种方式会简单非常多

00:17:19.165 --> 00:17:22.245
你只要在刚刚我们这个环节里面

00:17:22.245 --> 00:17:23.885
去问你问题的时候

00:17:23.885 --> 00:17:25.305
把技术站告诉他

00:17:25.305 --> 00:17:26.405
比如说你要使用Cloudbase

00:17:26.405 --> 00:17:29.285
那么他就会使用Colorbase相关的技术来帮你实现这个后端

00:17:29.285 --> 00:17:30.365
那么视频就到这

00:17:30.365 --> 00:17:32.405
希望这个视频对你了解DBSIC Hines

00:17:32.405 --> 00:17:34.105
以及小程序的开发有所帮助