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

2
00:00:05,000 --> 00:00:08,000
搭配Deepseek HANIS效果也非常好。

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

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

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

6
00:00:25,000 --> 00:00:27,920
首先使用DBC和Hannis这些工具之前

7
00:00:27,920 --> 00:00:30,740
一定要先确认你本次开发的一个需求

8
00:00:30,740 --> 00:00:33,080
比如说你现在做一个什么样的小程序

9
00:00:33,080 --> 00:00:34,940
一定是有一个这样的需求文档

10
00:00:34,940 --> 00:00:37,740
需求文档包括了你产品的功能

11
00:00:37,740 --> 00:00:39,840
你产品包含了哪些页面

12
00:00:39,840 --> 00:00:45,000
最好还包括你产品的页面的视觉规范

13
00:00:45,000 --> 00:00:46,120
这样是最好的

14
00:00:46,120 --> 00:00:48,120
这个文档你可以自己写

15
00:00:48,120 --> 00:00:51,160
也可以让AI来辅助帮你去编写

16
00:00:51,160 --> 00:00:52,780
接下来就是设计原型

17
00:00:52,780 --> 00:00:54,660
很多人认为有了需求之后

18
00:00:54,660 --> 00:00:55,900
是不是直接让AI开干

19
00:00:55,900 --> 00:00:57,640
直接把这个系统就可以做出来了

20
00:00:57,640 --> 00:00:58,800
那我的建议是

21
00:00:58,800 --> 00:01:00,720
一定要先把这个圆形做出来

22
00:01:00,720 --> 00:01:02,960
当然如果你的需求是脚本

23
00:01:02,960 --> 00:01:04,560
跟这些界面没有关系的

24
00:01:04,560 --> 00:01:05,800
那么你可以直接去开干

25
00:01:05,800 --> 00:01:08,100
但是如果有跟界面有关系

26
00:01:08,100 --> 00:01:09,320
不管是做APP

27
00:01:09,320 --> 00:01:10,300
做小程序

28
00:01:10,300 --> 00:01:11,360
还是做网页

29
00:01:11,360 --> 00:01:13,120
一定要先把这个圆形

30
00:01:13,120 --> 00:01:15,320
没有任何数据交互的

31
00:01:15,320 --> 00:01:17,120
跟后端没有交互的这种东西

32
00:01:17,120 --> 00:01:17,780
要先做出来

33
00:01:17,780 --> 00:01:18,900
那做圆形的话

34
00:01:18,900 --> 00:01:20,100
有以下这种办法

35
00:01:20,100 --> 00:01:20,860
第一种是

36
00:01:20,860 --> 00:01:23,140
你如果有专业的UI设计经验

37
00:01:23,140 --> 00:01:26,320
那么非常建议你使用专业的工具来设计

38
00:01:26,320 --> 00:01:26,980
比如像Figma

39
00:01:26,980 --> 00:01:31,300
这一类工具其实已经支持AI的辅助了

40
00:01:31,300 --> 00:01:32,800
所以你可以借助AI的辅助

41
00:01:32,800 --> 00:01:35,360
到Figma设计加快

42
00:01:35,360 --> 00:01:38,620
还有一种就是你可以直接基于我们的PRD文档

43
00:01:38,620 --> 00:01:42,260
因为PRD文档里面如果包含了页面的说明

44
00:01:42,260 --> 00:01:45,040
还有包含了程序的设计规范的话

45
00:01:45,040 --> 00:01:48,100
那么它是可以直接生成小程序的UI界面的

46
00:01:48,100 --> 00:01:51,140
那么还有一种你可以使用第三方的深图工具

47
00:01:51,140 --> 00:01:53,120
直接生成原型的图片

48
00:01:53,120 --> 00:01:53,680
也是可以的

49
00:01:53,680 --> 00:01:54,380
比如说我使用

50
00:01:54,380 --> 00:01:56,140
Challengept image

51
00:01:56,140 --> 00:01:57,320
那生成一个这样

52
00:01:57,320 --> 00:01:58,460
首页的原型图片

53
00:01:58,460 --> 00:01:59,860
那么你基于这个图片

54
00:01:59,860 --> 00:02:01,520
去开发这样的小程序界面

55
00:02:01,520 --> 00:02:02,640
也是可以的

56
00:02:02,640 --> 00:02:03,860
有了这个prd文档

57
00:02:03,860 --> 00:02:04,840
那我们就直接到

58
00:02:04,840 --> 00:02:05,460
第二部

59
00:02:05,460 --> 00:02:06,340
用Deepsyc Harness

60
00:02:06,340 --> 00:02:07,400
来设计原型

61
00:02:07,400 --> 00:02:09,280
我们可以使用这个提示词

62
00:02:09,280 --> 00:02:10,640
我可以把它复制过来

63
00:02:10,640 --> 00:02:12,480
然后打开你的Deepsyc Harness

64
00:02:12,480 --> 00:02:14,640
然后创建一个这样的文件夹

65
00:02:14,640 --> 00:02:16,500
然后选择模式的话

66
00:02:16,500 --> 00:02:17,560
这边可以选择标准

67
00:02:17,560 --> 00:02:19,480
PTC和创造模式都可以

68
00:02:19,480 --> 00:02:20,940
然后这个模型的话

69
00:02:20,940 --> 00:02:22,700
你就选择V41 Flash

70
00:02:22,700 --> 00:02:24,680
然后推理级别的话

71
00:02:24,680 --> 00:02:25,640
选择High就行了

72
00:02:25,640 --> 00:02:26,760
不需要开到Max

73
00:02:26,760 --> 00:02:28,260
直接使用High就行了

74
00:02:28,260 --> 00:02:30,880
然后这边工作区修改的话

75
00:02:30,880 --> 00:02:32,140
你可以选择完全

76
00:02:32,140 --> 00:02:33,700
让它拥有最高权限

77
00:02:33,700 --> 00:02:34,980
我们说这样的提示词

78
00:02:34,980 --> 00:02:37,200
就是让它去阅读PRD文档

79
00:02:37,200 --> 00:02:38,700
了解所有的功能

80
00:02:38,700 --> 00:02:41,040
让它的页面的风格来参考

81
00:02:41,040 --> 00:02:42,940
我们刚刚说的圆形的图片

82
00:02:42,940 --> 00:02:44,520
如果你没有也没有关系

83
00:02:44,520 --> 00:02:46,040
因为我们PRD文档其实是有的

84
00:02:46,040 --> 00:02:48,360
有页面的设计规范的

85
00:02:48,360 --> 00:02:49,680
然后再说明小程序

86
00:02:49,680 --> 00:02:51,440
所有的界面都使用模拟数据

87
00:02:51,440 --> 00:02:52,760
不要在界面中写死

88
00:02:52,760 --> 00:02:55,080
小程序是有界面和JS的

89
00:02:55,080 --> 00:02:57,160
如果你把这个数据写死在界面的话

90
00:02:57,160 --> 00:02:58,840
后面调整是非常麻烦的

91
00:02:58,840 --> 00:03:00,360
直接让他一定要使用模拟数据

92
00:03:00,360 --> 00:03:01,260
不要写死的数据

93
00:03:01,260 --> 00:03:02,980
有了这些关键信息

94
00:03:02,980 --> 00:03:05,460
那么你就可以去让他去做这件事情了

95
00:03:05,460 --> 00:03:06,820
你在做的时候

96
00:03:06,820 --> 00:03:08,460
你不一定说提示词完全一样

97
00:03:08,460 --> 00:03:09,740
你要抓住核心点

98
00:03:09,740 --> 00:03:10,920
首先是PRD文档

99
00:03:10,920 --> 00:03:12,840
PRD文档告诉AI

100
00:03:12,840 --> 00:03:14,660
让他知道他要去做什么

101
00:03:14,660 --> 00:03:16,340
他的功能是什么

102
00:03:16,340 --> 00:03:17,320
页面是什么

103
00:03:17,320 --> 00:03:19,820
然后呢就是让他去使用这个模拟数据

104
00:03:19,820 --> 00:03:21,420
还有就是如果你有图片的话

105
00:03:21,420 --> 00:03:24,180
让他从图片里面抽取这个规范

106
00:03:24,180 --> 00:03:27,300
保存到我们的一个规范的设计规范文件里面去

107
00:03:27,300 --> 00:03:29,440
那后面后续的这个小程序的开发

108
00:03:29,440 --> 00:03:30,680
就可以参考这个规范

109
00:03:30,680 --> 00:03:32,940
那比如说我们现在规范是这种风格的

110
00:03:32,940 --> 00:03:35,380
那么他提取到这个Design MD之后

111
00:03:35,380 --> 00:03:36,640
也是这样的风格的

112
00:03:36,640 --> 00:03:38,440
那么对后面后续也没有开发

113
00:03:38,440 --> 00:03:40,160
是有一个这样的参考价值的

114
00:03:40,160 --> 00:03:43,120
OK那我们就发送给DBSC HANIS

115
00:03:43,120 --> 00:03:45,800
就是我们一旦设计了图片这种东西

116
00:03:45,800 --> 00:03:46,700
你输入的东西

117
00:03:46,700 --> 00:03:48,000
如果一旦有图片的话

118
00:03:48,000 --> 00:03:50,600
那么一定要选择支持图片的模型

119
00:03:50,600 --> 00:03:52,560
比如说Deepseek Flash系列

120
00:03:52,560 --> 00:03:54,140
OK它已经跑完了

121
00:03:54,140 --> 00:03:57,520
那么它花的时间大概是15分钟

122
00:03:57,520 --> 00:03:59,380
这边的输入速度将近300

123
00:03:59,380 --> 00:04:01,720
非常快的缓存命中率是99.6%

124
00:04:01,720 --> 00:04:02,380
非常不错

125
00:04:02,380 --> 00:04:05,200
那么它帮我们生成的文件里面

126
00:04:05,200 --> 00:04:06,680
有一个这样mini program

127
00:04:06,680 --> 00:04:08,080
就是小程序的目录

128
00:04:08,080 --> 00:04:09,320
那么你用小程序

129
00:04:09,320 --> 00:04:10,120
开发的工具的时候

130
00:04:10,120 --> 00:04:11,160
要打开这个目录

131
00:04:11,160 --> 00:04:12,740
然后的话我们可以看到

132
00:04:12,740 --> 00:04:14,320
它因为我们提供了图片

133
00:04:14,320 --> 00:04:15,580
然后它就帮我们生

134
00:04:15,580 --> 00:04:18,080
从图片里面截出这么多图片

135
00:04:18,080 --> 00:04:19,820
还有比如说像底部导航这些图片

136
00:04:19,820 --> 00:04:22,280
也是他帮我们去截出来的

137
00:04:22,280 --> 00:04:26,600
比如说未选中的和已选中的

138
00:04:26,600 --> 00:04:27,700
非常不错

139
00:04:27,700 --> 00:04:29,600
我们来打开小程序来看一下

140
00:04:29,600 --> 00:04:29,980
OK

141
00:04:29,980 --> 00:04:31,160
这个就是小程序了

142
00:04:31,160 --> 00:04:32,300
现在打开是有问题的

143
00:04:32,300 --> 00:04:34,460
底部菜单是正常的

144
00:04:34,460 --> 00:04:36,580
我们接下来进入第三个阶段

145
00:04:36,580 --> 00:04:37,920
就是调试我们的小程序

146
00:04:37,920 --> 00:04:40,560
因为小程序它是哈里斯

147
00:04:40,560 --> 00:04:42,600
没办法去直接访问小程序

148
00:04:42,600 --> 00:04:44,520
不然的话它是可以看到

149
00:04:44,520 --> 00:04:45,520
小程序错误

150
00:04:45,520 --> 00:04:46,920
比如说你如果做web

151
00:04:46,920 --> 00:04:48,720
或者做iApp的话

152
00:04:48,720 --> 00:04:50,620
一般会提供这种模拟的程序

153
00:04:50,620 --> 00:04:51,620
它可以直接访问

154
00:04:51,620 --> 00:04:52,820
但是小程序没有

155
00:04:52,820 --> 00:04:55,620
就是小程序这边没有提供这种能力

156
00:04:55,620 --> 00:04:58,220
我们要让它去解决这样错误的话

157
00:04:58,220 --> 00:05:01,520
只能通过截图的方式是最简单的

158
00:05:01,520 --> 00:05:03,820
然后直接截个图片复制给它

159
00:05:03,820 --> 00:05:05,320
那去修复这个问题

160
00:05:05,320 --> 00:05:07,620
那你也可以打开编辑器

161
00:05:07,620 --> 00:05:09,620
这边的话选择编辑器

162
00:05:09,620 --> 00:05:10,320
调试器

163
00:05:10,320 --> 00:05:12,020
然后这边的这些错误信息

164
00:05:12,020 --> 00:05:15,060
你也可以直接复制到这个对话框里面去发给他

165
00:05:15,060 --> 00:05:18,180
然后让他去帮我们去调整这样的错误

166
00:05:18,180 --> 00:05:21,860
那么我们可以看到小程序里面这边生成界面是非常多的

167
00:05:21,860 --> 00:05:26,460
然后他每一个的格式都是符合我们的这个要求

168
00:05:26,460 --> 00:05:27,660
就是有4个这样的文件

169
00:05:27,660 --> 00:05:31,300
然后他的数据都是在这里没有写死

170
00:05:31,300 --> 00:05:33,660
就是说在这个界面是没有写死数据的

171
00:05:33,660 --> 00:05:36,180
他都是来自于我们后端的获取

172
00:05:36,180 --> 00:05:39,040
所以说我们等会去对接后端是非常方便

173
00:05:39,040 --> 00:05:42,240
然后我们再看一下它的底部导航这4个

174
00:05:42,240 --> 00:05:44,060
那么可以看到首页

175
00:05:44,060 --> 00:05:45,220
然后是图片

176
00:05:45,220 --> 00:05:47,320
然后是选中的图片

177
00:05:47,320 --> 00:05:48,920
它都帮我们解好了

178
00:05:48,920 --> 00:05:50,080
这是非常不错

179
00:05:50,080 --> 00:05:52,040
如果说你没有像我一样

180
00:05:52,040 --> 00:05:53,900
生成这样的圆形图片的话

181
00:05:53,900 --> 00:05:57,120
你可以从其他的开源的网站去找这种图片

182
00:05:57,120 --> 00:05:58,840
比如像iconfund这样的网站

183
00:05:58,840 --> 00:06:00,760
可以去找两张图片

184
00:06:00,760 --> 00:06:02,680
一张是普通的情况下的

185
00:06:02,680 --> 00:06:05,300
就这种灰色一种是选中的

186
00:06:05,300 --> 00:06:08,020
你选一个符合你自己主题的颜色就可以了

187
00:06:08,020 --> 00:06:08,620
好的

188
00:06:08,620 --> 00:06:11,180
他这边告诉我们已经修复了

189
00:06:11,180 --> 00:06:12,580
我们再看一下

190
00:06:12,820 --> 00:06:14,340
那么如果你看这边还有错误

191
00:06:14,340 --> 00:06:16,380
你可以点击刷新一下

192
00:06:16,540 --> 00:06:17,580
那么现在看的话

193
00:06:17,580 --> 00:06:19,140
这个效果就非常不错的

194
00:06:19,140 --> 00:06:20,900
我们可以看一下

195
00:06:21,980 --> 00:06:23,820
这个滚动也是正常的

196
00:06:23,820 --> 00:06:25,460
然后的话菜单

197
00:06:26,100 --> 00:06:28,140
商品的商品列表

198
00:06:28,140 --> 00:06:29,380
我们点击去看一下

199
00:06:30,100 --> 00:06:30,700
ok

200
00:06:31,340 --> 00:06:32,980
这个效果做的真的是不错

201
00:06:33,580 --> 00:06:35,380
然后我们可以点击加号

202
00:06:35,380 --> 00:06:37,060
然后的话接到购物车

203
00:06:37,060 --> 00:06:38,860
去购物车里面看一下

204
00:06:38,860 --> 00:06:40,460
非常不错

205
00:06:40,460 --> 00:06:41,200
点结算

206
00:06:41,200 --> 00:06:42,480
好的

207
00:06:42,480 --> 00:06:43,820
然后新增地址

208
00:06:43,820 --> 00:06:45,260
OK

209
00:06:45,260 --> 00:06:48,300
所以因为我们有了第一张图片

210
00:06:48,300 --> 00:06:49,600
定义了这种风格

211
00:06:49,600 --> 00:06:52,200
那么它就会所有的页面都是这种风格

212
00:06:52,200 --> 00:06:53,420
就这种绿色的这种风格

213
00:06:53,420 --> 00:06:54,460
那么提交一下

214
00:06:54,460 --> 00:06:56,020
填一个地址

215
00:06:56,020 --> 00:06:57,620
之后成功

216
00:06:57,620 --> 00:06:59,200
OK

217
00:06:59,200 --> 00:07:00,080
我们查看订单

218
00:07:00,080 --> 00:07:01,820
好的

219
00:07:01,820 --> 00:07:02,560
订单详情

220
00:07:02,560 --> 00:07:03,300
不错

221
00:07:03,300 --> 00:07:05,840
我们再回到我们的个人中心里面去

222
00:07:05,840 --> 00:07:06,240
看一下

223
00:07:06,240 --> 00:07:08,640
这边是全部订单

224
00:07:08,640 --> 00:07:11,280
付款完成

225
00:07:11,280 --> 00:07:13,680
大配送的完成了

226
00:07:13,680 --> 00:07:15,320
不错

227
00:07:15,320 --> 00:07:16,860
就除了这些还有这些图标

228
00:07:16,860 --> 00:07:18,040
这还有这些图标

229
00:07:18,040 --> 00:07:19,920
我们可以用刚刚我说的方法

230
00:07:19,920 --> 00:07:21,880
去开源的图标网站里面

231
00:07:21,880 --> 00:07:22,640
把它替换掉

232
00:07:22,640 --> 00:07:23,820
是完全可以

233
00:07:23,820 --> 00:07:26,960
基本上一个这样的小程序的商城

234
00:07:26,960 --> 00:07:27,800
就做出来了

235
00:07:27,800 --> 00:07:29,340
然后我们再检查一下

236
00:07:29,340 --> 00:07:30,420
它缺的界面

237
00:07:30,420 --> 00:07:32,960
比如说它没有登录界面

238
00:07:32,960 --> 00:07:33,240
对吧

239
00:07:33,240 --> 00:07:35,600
我们现在需要它有登录的界面

240
00:07:35,600 --> 00:07:37,000
那么你就可以去告诉他

241
00:07:37,800 --> 00:07:40,400
那就直接告诉他缺少小程序一键登录界面

242
00:07:40,400 --> 00:07:41,080
发送给他

243
00:07:41,080 --> 00:07:42,880
那他去增加就行了

244
00:07:42,880 --> 00:07:46,040
那如果说某一个样式你觉得不对的话

245
00:07:46,040 --> 00:07:48,080
那么你就可以使用这种方式

246
00:07:48,360 --> 00:07:49,040
比如说分类

247
00:07:49,040 --> 00:07:50,280
我们可以找个界面调整

248
00:07:51,640 --> 00:07:56,840
比如说我们想让他就可以使用截图

249
00:07:56,840 --> 00:07:58,480
然后通过这种

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

251
00:08:05,163 --> 00:08:07,803
那你就可以複製圖片描述。

252
00:08:07,803 --> 00:08:10,723
那麼你就告訴他,這相當於是一個局部的調整。

253
00:08:10,723 --> 00:08:13,443
你就告訴他,紅色寬度的地方,你要調成什麼樣子。

254
00:08:13,443 --> 00:08:15,083
把这个宽度的地方拉大一点

255
00:08:15,443 --> 00:08:16,683
他就会去调整这块去

256
00:08:16,683 --> 00:08:18,443
因为它是个视觉模型

257
00:08:18,443 --> 00:08:20,843
它是可以读懂你这个宽度的地方在哪里的

258
00:08:21,083 --> 00:08:23,923
那么他这边也是将登录的这个界面做完

259
00:08:23,923 --> 00:08:24,483
做完之后

260
00:08:24,643 --> 00:08:26,923
我们要求他把这个登录的相关功能

261
00:08:26,923 --> 00:08:28,723
更新到我们的prd文档里面

262
00:08:28,883 --> 00:08:31,083
因为这个界面是prd没有的

263
00:08:31,083 --> 00:08:32,123
所以他更新进去

264
00:08:32,283 --> 00:08:33,843
比如说在这个调试过程中

265
00:08:33,843 --> 00:08:36,283
如果你新增的界面改变的流程

266
00:08:36,403 --> 00:08:39,003
一定要让AI把这些跟变更的东西

267
00:08:39,003 --> 00:08:40,283
更新到prd文档

268
00:08:40,443 --> 00:08:42,203
因为我们prd文档是

269
00:08:42,203 --> 00:08:44,503
衔接整个前后端

270
00:08:44,503 --> 00:08:46,883
或者说你非常重要的一个参考文件

271
00:08:46,883 --> 00:08:48,663
就不要让它出现

272
00:08:48,663 --> 00:08:50,543
PID文档跟你的这个界面

273
00:08:50,543 --> 00:08:52,203
完全是没有关系的

274
00:08:52,203 --> 00:08:53,643
或者说很多改变它都没有

275
00:08:53,643 --> 00:08:55,143
那这样会导致你后面

276
00:08:55,143 --> 00:08:57,343
后面就失去参考的东西了

277
00:08:57,343 --> 00:08:59,263
那接下来就是对接后端

278
00:08:59,263 --> 00:09:00,743
那对接后端这里的话

279
00:09:00,743 --> 00:09:01,983
是有非常多的选择

280
00:09:01,983 --> 00:09:03,043
其实非常重要的一个选择

281
00:09:03,043 --> 00:09:04,443
就是你选择什么技术站

282
00:09:04,443 --> 00:09:06,563
来实现这个后端的功能

283
00:09:06,563 --> 00:09:07,783
如果你是一个

284
00:09:07,783 --> 00:09:08,963
没有任何技术经验的话

285
00:09:08,963 --> 00:09:10,443
那么你就使用Cloudbase

286
00:09:10,443 --> 00:09:12,143
就腾讯出的这个云开发

287
00:09:12,143 --> 00:09:14,983
那么它是对非技术人员非常友好的

288
00:09:14,983 --> 00:09:16,243
然后的话我们第一步

289
00:09:16,243 --> 00:09:18,023
我们先装一个技能

290
00:09:18,023 --> 00:09:18,823
叫March Skills

291
00:09:18,823 --> 00:09:20,783
为什么要装这个技能呢

292
00:09:20,783 --> 00:09:22,143
这个技能可以帮我们

293
00:09:22,143 --> 00:09:23,843
进一步的梳理我们的需求

294
00:09:23,843 --> 00:09:25,723
生成一个标准的规格文档

295
00:09:25,723 --> 00:09:28,903
后面我们会基于规格文档

296
00:09:28,903 --> 00:09:30,823
一次性把所有的后端都替换完成

297
00:09:30,823 --> 00:09:32,243
但是这有个前提

298
00:09:32,243 --> 00:09:35,683
如果你现在做了小程序的功能非常复杂

299
00:09:35,683 --> 00:09:38,163
你的页面速度超过10个或20个的话

300
00:09:38,163 --> 00:09:39,683
不建议一次性生成

301
00:09:39,683 --> 00:09:42,263
如果你的界面数都在十来个左右

302
00:09:42,263 --> 00:09:44,123
功能也不是那么复杂

303
00:09:44,123 --> 00:09:46,643
那么非常建议你可以使用这个技能

304
00:09:46,643 --> 00:09:49,983
让他帮你梳理出来一个详细的对接文档

305
00:09:49,983 --> 00:09:54,803
来后面我们可以一次性给他全部根据这个对接文档去实现

306
00:09:54,803 --> 00:09:56,903
那么如果你的需求比较复杂

307
00:09:56,903 --> 00:10:00,043
那么你也可以用这个技能开成不同的块

308
00:10:00,043 --> 00:10:02,603
然后把不同的块再去分别去实现

309
00:10:02,603 --> 00:10:05,483
所以我们这个安装这个技能是非常重要的

310
00:10:05,483 --> 00:10:07,523
那么你可以执行这个命令来安装技能

311
00:10:07,523 --> 00:10:09,123
那我们输入这个命令

312
00:10:09,123 --> 00:10:11,683
这个意思就是你要选择什么样的技能

313
00:10:11,923 --> 00:10:13,083
我们如果图方便

314
00:10:13,083 --> 00:10:14,083
你就选择slack

315
00:10:14,083 --> 00:10:15,283
就全部

316
00:10:15,283 --> 00:10:17,203
那么你也可以选择就是这个

317
00:10:17,203 --> 00:10:18,763
这些都是常用的

318
00:10:19,123 --> 00:10:20,323
可以往下拉一下

319
00:10:20,323 --> 00:10:22,563
然后还有一些可能是不是那么

320
00:10:22,803 --> 00:10:23,923
就是不是技术

321
00:10:24,123 --> 00:10:25,163
不是开发的时候用的

322
00:10:25,163 --> 00:10:26,563
可能是在其他地方用的

323
00:10:26,883 --> 00:10:27,843
那么可以选择

324
00:10:28,123 --> 00:10:29,083
那么确认

325
00:10:29,763 --> 00:10:30,683
再确认

326
00:10:31,283 --> 00:10:32,643
然后我们选择全局

327
00:10:32,643 --> 00:10:34,483
因为我们在很多地方用的

328
00:10:34,643 --> 00:10:35,283
然后再确认

329
00:10:35,283 --> 00:10:35,803
OK

330
00:10:36,443 --> 00:10:36,803
好

331
00:10:36,803 --> 00:10:39,303
这样的话就是我们的技能就完成了

332
00:10:39,303 --> 00:10:41,303
我们再回到我们的Dubc Hines

333
00:10:41,603 --> 00:10:44,003
然后我们要完成技能的初始化

334
00:10:44,403 --> 00:10:46,003
你就可以打开一个新的对话

335
00:10:46,003 --> 00:10:48,803
因为跟我们当前的对话是没有关系的

336
00:10:49,203 --> 00:10:51,003
然后选择完全权限

337
00:10:51,503 --> 00:10:52,803
然后选择setup

338
00:10:53,103 --> 00:10:55,803
也就是说我们要给技能进行一个初始化

339
00:10:55,903 --> 00:10:57,803
他会去读我们的项目的文件

340
00:10:57,803 --> 00:10:59,903
然后配置一些东西

341
00:10:59,903 --> 00:11:01,403
然后方便我们后面用技能

342
00:11:01,403 --> 00:11:02,403
因为更加顺畅一点

343
00:11:02,803 --> 00:11:03,703
什么都不用说

344
00:11:03,703 --> 00:11:05,303
直接执行技能

345
00:11:05,303 --> 00:11:06,963
第一步他就会问你

346
00:11:06,963 --> 00:11:07,783
他怎么去保存

347
00:11:07,783 --> 00:11:09,183
就是他的一个

348
00:11:09,183 --> 00:11:11,403
相应我们一个任务的保存地方

349
00:11:11,403 --> 00:11:13,803
我选择本地第一项

350
00:11:13,803 --> 00:11:14,863
好

351
00:11:14,863 --> 00:11:16,563
这些也是点击推荐就行了

352
00:11:16,563 --> 00:11:18,783
这个文件我们用agentsmd

353
00:11:18,783 --> 00:11:19,703
OK

354
00:11:19,703 --> 00:11:21,563
好保存好了

355
00:11:21,563 --> 00:11:25,283
我们再回到我们的刚刚的对话里面

356
00:11:25,283 --> 00:11:28,003
因为这个其实是跟我们的生成是没关系的

357
00:11:28,003 --> 00:11:30,203
我们再回到这个对话里面去

358
00:11:30,203 --> 00:11:31,223
我们使用这个技能

359
00:11:31,223 --> 00:11:32,903
然后接下来就我们要用这个技能

360
00:11:32,903 --> 00:11:34,423
去理清楚我们后段的逻辑

361
00:11:34,423 --> 00:11:36,843
这个技能它会向你提很多问题

362
00:11:36,843 --> 00:11:38,183
如果我们一开始

363
00:11:38,183 --> 00:11:39,703
没有任何的需求文档

364
00:11:39,703 --> 00:11:40,503
去用这个技能的话

365
00:11:40,503 --> 00:11:41,623
它提的问题会非常多

366
00:11:41,623 --> 00:11:44,183
所以我们一定是有PRD文档

367
00:11:44,183 --> 00:11:46,323
相当于它有背景的信息

368
00:11:46,323 --> 00:11:48,283
它就会使用AI的方式

369
00:11:48,283 --> 00:11:49,283
去阅读这个文档

370
00:11:49,283 --> 00:11:52,283
然后看一下AI有什么不懂的

371
00:11:52,283 --> 00:11:52,923
再问我们

372
00:11:52,923 --> 00:11:53,903
我们再去回答

373
00:11:53,903 --> 00:11:55,883
我们用这个技能来理清楚需求

374
00:11:55,883 --> 00:11:57,603
然后生成文档

375
00:11:57,603 --> 00:11:58,963
我们选择这个

376
00:11:58,963 --> 00:11:59,783
Grui

377
00:11:59,783 --> 00:12:01,123
Width

378
00:12:01,123 --> 00:12:03,063
可以看到

379
00:12:03,063 --> 00:12:05,783
首先是让他去阅读PID文档

380
00:12:05,783 --> 00:12:07,683
其次就是我们的任务

381
00:12:07,683 --> 00:12:09,183
是让他去将小程序的界面

382
00:12:09,183 --> 00:12:10,363
对接真实的后端

383
00:12:10,363 --> 00:12:12,763
然后这边技术站选择

384
00:12:12,763 --> 00:12:14,123
就是你在这里一定要告诉他

385
00:12:14,123 --> 00:12:15,003
你选择什么的技术站

386
00:12:15,003 --> 00:12:16,883
目前我们只有纯前端

387
00:12:16,883 --> 00:12:18,283
是没有任何技术站

388
00:12:18,283 --> 00:12:18,963
这边技术站的话

389
00:12:18,963 --> 00:12:19,463
你可以选择

390
00:12:19,463 --> 00:12:20,683
比如说你自己熟悉的语言

391
00:12:20,683 --> 00:12:22,223
你如果不懂技术的话

392
00:12:22,223 --> 00:12:24,103
你就选择Cloud Base

393
00:12:24,103 --> 00:12:25,163
然后的话数据库

394
00:12:25,163 --> 00:12:26,983
使用MySoco告诉他账号名买

395
00:12:26,983 --> 00:12:28,843
因为他要去创建这辆数据库

396
00:12:28,843 --> 00:12:30,103
然后告诉他数据库的名称

397
00:12:30,103 --> 00:12:32,363
我们就可以发送给他了

398
00:12:32,363 --> 00:12:35,163
那接下来他就会阅读你这个PRD文档

399
00:12:35,163 --> 00:12:37,183
那阅读你的小程序界面

400
00:12:37,183 --> 00:12:39,263
然后呢来向你提问

401
00:12:39,263 --> 00:12:41,323
所有问题都回答完之后呢

402
00:12:41,323 --> 00:12:43,063
我们就再用它来生成

403
00:12:43,063 --> 00:12:44,923
我们最终落地的一个文档

404
00:12:44,923 --> 00:12:47,323
那那个文档是最最重要的一个文档

405
00:12:47,323 --> 00:12:48,803
所有的问题都问完了

406
00:12:48,803 --> 00:12:50,963
那么在其实在询问的过程中啊

407
00:12:50,963 --> 00:12:53,823
他经常会有每个问题旁边有个推荐两个字

408
00:12:53,823 --> 00:12:55,383
如果你自己搞不懂

409
00:12:55,383 --> 00:12:57,703
或者说你不知道应该选择哪个的话

410
00:12:57,703 --> 00:12:58,723
你推荐那一下就行了

411
00:12:58,723 --> 00:13:00,083
如果你能搞得懂

412
00:13:00,083 --> 00:13:02,763
那么就按照你的理解去选择具体的项

413
00:13:02,763 --> 00:13:05,003
每一个选项都会引发

414
00:13:05,003 --> 00:13:07,183
就是可能连续的问题都是不一样的

415
00:13:07,183 --> 00:13:10,563
所以说你就按照真实的你的理解来选择

416
00:13:10,563 --> 00:13:11,723
所有的问题问完之后

417
00:13:11,723 --> 00:13:14,503
它会提示你要生成一个spack这样的文档

418
00:13:14,503 --> 00:13:15,823
这个文档的话

419
00:13:15,823 --> 00:13:19,223
就是后续用来执行代码生成的一个很重要的参考

420
00:13:19,223 --> 00:13:20,543
那么你就让它确认

421
00:13:20,543 --> 00:13:22,703
直接让它先写这个spack文档

422
00:13:22,703 --> 00:13:25,803
因为我们需要去看一眼这个spack里面的内容

423
00:13:25,803 --> 00:13:28,963
那这里面的内容应该会包含它需要做什么

424
00:13:28,963 --> 00:13:30,703
然后他需要怎么去验收

425
00:13:30,703 --> 00:13:33,463
这个就是我们要的最终的一个东西

426
00:13:33,463 --> 00:13:35,063
OK他生成了一滴的文档

427
00:13:35,063 --> 00:13:37,303
首先我们来看一下他具体生成什么东西

428
00:13:37,303 --> 00:13:39,243
首先他生成了一个spec文档

429
00:13:39,243 --> 00:13:43,803
然后生成了不同的功能模块的一个文档

430
00:13:43,803 --> 00:13:45,043
那这样就非常好了

431
00:13:45,043 --> 00:13:46,383
相当于有一个总的文档

432
00:13:46,383 --> 00:13:49,763
然后再分为了非常细节的一个子模块的文档

433
00:13:49,763 --> 00:13:52,063
我们可以看一下文档里面都有什么

434
00:13:52,063 --> 00:13:53,823
我们先看一下这个总的spec文档

435
00:13:53,823 --> 00:13:57,083
那这个就是真实的一个后端对接的需求了

436
00:13:57,083 --> 00:13:58,663
然后你的背景是什么

437
00:13:58,663 --> 00:13:59,323
目标什么

438
00:13:59,323 --> 00:14:00,283
非目标是什么

439
00:14:00,283 --> 00:14:01,443
然后的话

440
00:14:01,443 --> 00:14:02,343
这个技术站是什么

441
00:14:02,343 --> 00:14:02,983
还有模型

442
00:14:02,983 --> 00:14:03,603
数据模型

443
00:14:03,603 --> 00:14:05,263
以及最重要就是

444
00:14:05,263 --> 00:14:08,563
它关联的这个子模块的公单

445
00:14:08,563 --> 00:14:09,783
它在这个叫公单

446
00:14:09,783 --> 00:14:11,603
其实就是我们要它做的内容

447
00:14:11,603 --> 00:14:12,903
描述的文档

448
00:14:12,903 --> 00:14:13,863
这边的话

449
00:14:13,863 --> 00:14:14,963
它都是包括了

450
00:14:14,963 --> 00:14:15,603
我们可以看一下

451
00:14:15,603 --> 00:14:16,803
随便找一个看一下

452
00:14:16,803 --> 00:14:17,703
我们可以看一下

453
00:14:17,703 --> 00:14:18,183
创新订单

454
00:14:18,183 --> 00:14:19,563
那目标是什么

455
00:14:19,563 --> 00:14:20,843
接口是什么

456
00:14:20,843 --> 00:14:21,903
然后的话验收

457
00:14:21,903 --> 00:14:22,423
看到没有

458
00:14:22,423 --> 00:14:25,343
每一个文档都是包含了验收的

459
00:14:25,343 --> 00:14:27,503
就是怎么样才算成功验收

460
00:14:27,503 --> 00:14:29,463
那么有了这些玩长之后

461
00:14:29,463 --> 00:14:30,623
你接下来就可以用

462
00:14:30,623 --> 00:14:32,023
Deep Seek Harness里面

463
00:14:32,023 --> 00:14:32,863
非常一个重要的功能

464
00:14:32,863 --> 00:14:33,343
就是目标

465
00:14:34,325 --> 00:14:35,845
就这个目标

466
00:14:35,845 --> 00:14:39,225
也就是我们可以让它基于这些文档

467
00:14:39,225 --> 00:14:41,485
然后去执行一个长任务

468
00:14:41,485 --> 00:14:42,785
一直开发

469
00:14:42,785 --> 00:14:44,285
然后呢

470
00:14:44,285 --> 00:14:46,225
每一个任务完成之后

471
00:14:46,225 --> 00:14:48,685
它都会根据每一个文档里面去做验收

472
00:14:48,685 --> 00:14:51,525
所有文档验收成功了

473
00:14:51,525 --> 00:14:54,245
那么就告诉我们这个任务就完成了

474
00:14:54,245 --> 00:14:55,345
那这个就是目标模式

475
00:14:55,345 --> 00:14:58,965
所以我们不需要自己去写这个验收的条件是什么

476
00:14:58,965 --> 00:15:02,405
只要把这个文档丢给这个目标模式

477
00:15:02,405 --> 00:15:04,425
让它去循环去执行就行了

478
00:15:04,425 --> 00:15:07,865
OK我们可以新建一个对话

479
00:15:07,865 --> 00:15:10,405
因为其实它所有的文档都已经创建好了

480
00:15:10,405 --> 00:15:13,065
它不需要依赖于之前你的上下文

481
00:15:13,065 --> 00:15:14,205
你可以新建一个文档

482
00:15:14,205 --> 00:15:15,205
新建一个对话

483
00:15:15,205 --> 00:15:17,105
那这样上下文就能节省非常多

484
00:15:17,105 --> 00:15:18,465
Token也会节省

485
00:15:18,465 --> 00:15:21,865
那一样的把这个模式开到这个完全模式

486
00:15:21,865 --> 00:15:23,885
然后在这边点击加号

487
00:15:23,885 --> 00:15:24,945
选择go

488
00:15:24,945 --> 00:15:27,865
然后选择目标模式之后

489
00:15:27,865 --> 00:15:30,965
让它阅读spec文档和它全部的这个issues文档

490
00:15:30,965 --> 00:15:32,925
然后完成所有的功能开发和验收

491
00:15:32,925 --> 00:15:33,505
就可以了

492
00:15:33,505 --> 00:15:37,125
那么它这边就会去开启这样的目标

493
00:15:37,125 --> 00:15:39,505
然后去读取这个文件和下面的这个 issues

494
00:15:39,505 --> 00:15:41,065
那一个一个去执行

495
00:15:41,065 --> 00:15:42,085
然后一个个去验收

496
00:15:42,085 --> 00:15:44,925
所以整个过程是非常的顺畅的

497
00:15:44,925 --> 00:15:47,105
我们在这下面也可以看到

498
00:15:47,105 --> 00:15:49,805
它这里显示进行中的目标

499
00:15:49,805 --> 00:15:52,225
然后你这边可以去点击这个暂停

500
00:15:52,225 --> 00:15:53,225
点击暂停之后

501
00:15:53,225 --> 00:15:54,605
你可以去重新开启

502
00:15:54,605 --> 00:15:55,585
那这边的话

503
00:15:55,585 --> 00:15:57,325
它是会基于当前的进度

504
00:15:57,325 --> 00:15:59,225
然后又开始去执行任务

505
00:15:59,225 --> 00:16:01,805
所以到这个时候

506
00:16:01,805 --> 00:16:03,065
你就可以去做自己的事情了

507
00:16:03,065 --> 00:16:04,525
反正让他去一直去跑就行了

508
00:16:04,525 --> 00:16:05,365
跑完之后

509
00:16:05,365 --> 00:16:07,165
你去做一个验收就OK了

510
00:16:07,165 --> 00:16:09,125
非常适合在这种

511
00:16:09,125 --> 00:16:10,765
比如说错峰的时候

512
00:16:10,765 --> 00:16:12,565
你睡觉之前

513
00:16:12,565 --> 00:16:13,505
或者说你睡觉之前

514
00:16:13,505 --> 00:16:14,525
布置一个任务

515
00:16:14,525 --> 00:16:15,565
让他去一直去跑

516
00:16:15,565 --> 00:16:17,705
但是我们在使用目标模式的时候

517
00:16:17,705 --> 00:16:20,085
一定要记得有验收的条件

518
00:16:20,085 --> 00:16:21,645
不然他跑完之后

519
00:16:21,645 --> 00:16:23,545
可能都不是你想要的

520
00:16:23,545 --> 00:16:25,065
这个验收条件是很重要的

521
00:16:25,065 --> 00:16:26,505
不管是你使用第三方的技能

522
00:16:26,505 --> 00:16:27,745
还是自己去写

523
00:16:27,745 --> 00:16:28,865
都一定要加上去

524
00:16:28,865 --> 00:16:31,505
那我们可以看到在执行这个目标模式的时候

525
00:16:31,505 --> 00:16:33,705
这边呢开启了6个这样的子带里

526
00:16:34,465 --> 00:16:36,345
那不同子带里负责不同的任务

527
00:16:36,345 --> 00:16:37,865
那这边的话也是有一个后台

528
00:16:37,865 --> 00:16:38,825
正在运行的这个

529
00:16:39,145 --> 00:16:40,545
他会启动一个这样的脚本

530
00:16:40,945 --> 00:16:42,385
那这边会一直去运行

531
00:16:42,625 --> 00:16:43,665
那他运行完之后

532
00:16:43,665 --> 00:16:45,585
他自己会去做单元测试

533
00:16:45,585 --> 00:16:46,865
完成基本的测试之后

534
00:16:46,865 --> 00:16:47,785
你就可以去启动

535
00:16:48,065 --> 00:16:50,625
结合小程序的前端来完成一个连条测试了

536
00:16:50,905 --> 00:16:51,865
那如果有什么问题的话

537
00:16:51,865 --> 00:16:53,825
还是用刚刚教你的办法

538
00:16:53,825 --> 00:16:55,345
通过截图或者复制

539
00:16:55,785 --> 00:16:56,705
错误的方式

540
00:16:56,705 --> 00:16:59,225
然后让Depsy去修复这样的问题

541
00:16:59,225 --> 00:17:01,385
所以我们在整个过程体验上来说

542
00:17:01,385 --> 00:17:02,385
其实是非常简单

543
00:17:02,385 --> 00:17:03,885
现在你要去开发一个小程序

544
00:17:03,885 --> 00:17:05,365
其实流程是很简单的

545
00:17:05,365 --> 00:17:06,945
把需求搞懂

546
00:17:06,945 --> 00:17:08,625
把设计的原型先做出来

547
00:17:08,625 --> 00:17:09,745
然后把原型调好

548
00:17:09,745 --> 00:17:11,185
然后就去对接一个后端

549
00:17:11,185 --> 00:17:12,985
然后你可以选择更简单的

550
00:17:12,985 --> 00:17:14,785
像Cloudbase这样的原端数据库

551
00:17:14,785 --> 00:17:16,845
那么整个实验起来

552
00:17:16,845 --> 00:17:19,165
会比现在用Python这种方式会简单非常多

553
00:17:19,165 --> 00:17:22,245
你只要在刚刚我们这个环节里面

554
00:17:22,245 --> 00:17:23,885
去问你问题的时候

555
00:17:23,885 --> 00:17:25,305
把技术站告诉他

556
00:17:25,305 --> 00:17:26,405
比如说你要使用Cloudbase

557
00:17:26,405 --> 00:17:29,285
那么他就会使用Colorbase相关的技术来帮你实现这个后端

558
00:17:29,285 --> 00:17:30,365
那么视频就到这

559
00:17:30,365 --> 00:17:32,405
希望这个视频对你了解DBSIC Hines

560
00:17:32,405 --> 00:17:34,105
以及小程序的开发有所帮助