0:00.000–0:04.211
zh大家好,最近一直在體驗Deepseek先出4.1Flash模型,
0:04.211–0:05.000
zh速度非常快。
0:05.000–0:08.000
zh搭配Deepseek HANIS效果也非常好。
0:08.000–0:12.964
zh就在錄一期使用Deepseek HANIS加Deepseek V4.1Flash,
0:12.964–0:15.000
zh從0到1開發小程序的保姆級教程。
0:15.000–0:21.000
zh教程里面會告訴你怎麼從需求到最終完整的實現的詳細過程。
0:21.000–0:22.116
zh如果你現在想開發小程序,
0:22.116–0:23.884
zh而且想使用Deepseek HANIS,
0:23.884–0:25.000
zh你可以來看一下這個視頻。
0:25.000–0:27.920
zh首先使用DBC和Hannis这些工具之前
0:27.920–0:30.740
zh一定要先确认你本次开发的一个需求
0:30.740–0:33.080
zh比如说你现在做一个什么样的小程序
0:33.080–0:34.940
zh一定是有一个这样的需求文档
0:34.940–0:37.740
zh需求文档包括了你产品的功能
0:37.740–0:39.840
zh你产品包含了哪些页面
0:39.840–0:45.000
zh最好还包括你产品的页面的视觉规范
0:45.000–0:46.120
zh这样是最好的
0:46.120–0:48.120
zh这个文档你可以自己写
0:48.120–0:51.160
zh也可以让AI来辅助帮你去编写
0:51.160–0:52.780
zh接下来就是设计原型
0:52.780–0:54.660
zh很多人认为有了需求之后
0:54.660–0:55.900
zh是不是直接让AI开干
0:55.900–0:57.640
zh直接把这个系统就可以做出来了
0:57.640–0:58.800
zh那我的建议是
0:58.800–1:00.720
zh一定要先把这个圆形做出来
1:00.720–1:02.960
zh当然如果你的需求是脚本
1:02.960–1:04.560
zh跟这些界面没有关系的
1:04.560–1:05.800
zh那么你可以直接去开干
1:05.800–1:08.100
zh但是如果有跟界面有关系
1:08.100–1:09.320
zh不管是做APP
1:09.320–1:10.300
zh做小程序
1:10.300–1:11.360
zh还是做网页
1:11.360–1:13.120
zh一定要先把这个圆形
1:13.120–1:15.320
zh没有任何数据交互的
1:15.320–1:17.120
zh跟后端没有交互的这种东西
1:17.120–1:17.780
zh要先做出来
1:17.780–1:18.900
zh那做圆形的话
1:18.900–1:20.100
zh有以下这种办法
1:20.100–1:20.860
zh第一种是
1:20.860–1:23.140
zh你如果有专业的UI设计经验
1:23.140–1:26.320
zh那么非常建议你使用专业的工具来设计
1:26.320–1:26.980
zh比如像Figma
1:26.980–1:31.300
zh这一类工具其实已经支持AI的辅助了
1:31.300–1:32.800
zh所以你可以借助AI的辅助
1:32.800–1:35.360
zh到Figma设计加快
1:35.360–1:38.620
zh还有一种就是你可以直接基于我们的PRD文档
1:38.620–1:42.260
zh因为PRD文档里面如果包含了页面的说明
1:42.260–1:45.040
zh还有包含了程序的设计规范的话
1:45.040–1:48.100
zh那么它是可以直接生成小程序的UI界面的
1:48.100–1:51.140
zh那么还有一种你可以使用第三方的深图工具
1:51.140–1:53.120
zh直接生成原型的图片
1:53.120–1:53.680
zh也是可以的
1:53.680–1:54.380
zh比如说我使用
1:54.380–1:56.140
enChallengept image
1:56.140–1:57.320
zh那生成一个这样
1:57.320–1:58.460
zh首页的原型图片
1:58.460–1:59.860
zh那么你基于这个图片
1:59.860–2:01.520
zh去开发这样的小程序界面
2:01.520–2:02.640
zh也是可以的
2:02.640–2:03.860
zh有了这个prd文档
2:03.860–2:04.840
zh那我们就直接到
2:04.840–2:05.460
zh第二部
2:05.460–2:06.460
zh用Deepsyc Harness
2:06.460–2:07.400
zh来设计原型
2:07.400–2:09.280
zh我们可以使用这个提示词
2:09.280–2:10.640
zh我可以把它复制过来
2:10.640–2:12.480
zh然后打开你的Deepsyc Harness
2:12.480–2:14.640
zh然后创建一个这样的文件夹
2:14.640–2:16.500
zh然后选择模式的话
2:16.500–2:17.560
zh这边可以选择标准
2:17.560–2:19.480
zhPTC和创造模式都可以
2:19.480–2:20.940
zh然后这个模型的话
2:20.940–2:22.700
zh你就选择V41 Flash
2:22.700–2:24.680
zh然后推理级别的话
2:24.680–2:25.640
zh选择High就行了
2:25.640–2:26.760
zh不需要开到Max
2:26.760–2:28.260
zh直接使用High就行了
2:28.260–2:30.880
zh然后这边工作区修改的话
2:30.880–2:32.140
zh你可以选择完全
2:32.140–2:33.700
zh让它拥有最高权限
2:33.700–2:34.980
zh我们说这样的提示词
2:34.980–2:37.200
zh就是让它去阅读PRD文档
2:37.200–2:38.700
zh了解所有的功能
2:38.700–2:41.040
zh让它的页面的风格来参考
2:41.040–2:42.940
zh我们刚刚说的圆形的图片
2:42.940–2:44.520
zh如果你没有也没有关系
2:44.520–2:46.040
zh因为我们PRD文档其实是有的
2:46.040–2:48.360
zh有页面的设计规范的
2:48.360–2:49.680
zh然后再说明小程序
2:49.680–2:51.440
zh所有的界面都使用模拟数据
2:51.440–2:52.760
zh不要在界面中写死
2:52.760–2:55.080
zh小程序是有界面和JS的
2:55.080–2:57.160
zh如果你把这个数据写死在界面的话
2:57.160–2:58.840
zh后面调整是非常麻烦的
2:58.840–3:00.360
zh直接让他一定要使用模拟数据
3:00.360–3:01.260
zh不要写死的数据
3:01.260–3:02.980
zh有了这些关键信息
3:02.980–3:05.460
zh那么你就可以去让他去做这件事情了
3:05.460–3:06.820
zh你在做的时候
3:06.820–3:08.460
zh你不一定说提示词完全一样
3:08.460–3:09.740
zh你要抓住核心点
3:09.740–3:10.920
zh首先是PRD文档
3:10.920–3:12.840
zhPRD文档告诉AI
3:12.840–3:14.660
zh让他知道他要去做什么
3:14.660–3:16.340
zh他的功能是什么
3:16.340–3:17.320
zh页面是什么
3:17.320–3:19.820
zh然后呢就是让他去使用这个模拟数据
3:19.820–3:21.420
zh还有就是如果你有图片的话
3:21.420–3:24.180
zh让他从图片里面抽取这个规范
3:24.180–3:27.300
zh保存到我们的一个规范的设计规范文件里面去
3:27.300–3:29.440
zh那后面后续的这个小程序的开发
3:29.440–3:30.680
zh就可以参考这个规范
3:30.680–3:32.940
zh那比如说我们现在规范是这种风格的
3:32.940–3:35.380
zh那么他提取到这个Design MD之后
3:35.380–3:36.640
zh也是这样的风格的
3:36.640–3:38.440
zh那么对后面后续也没有开发
3:38.440–3:40.160
zh是有一个这样的参考价值的
3:40.160–3:43.120
zhOK那我们就发送给DBSC HANIS
3:43.120–3:45.800
zh就是我们一旦设计了图片这种东西
3:45.800–3:46.700
zh你输入的东西
3:46.700–3:48.000
zh如果一旦有图片的话
3:48.000–3:50.600
zh那么一定要选择支持图片的模型
3:50.600–3:52.560
zh比如说Deepseek Flash系列
3:52.560–3:54.140
zhOK它已经跑完了
3:54.140–3:57.520
zh那么它花的时间大概是15分钟
3:57.520–3:59.380
zh这边的输入速度将近300
3:59.380–4:01.720
zh非常快的缓存命中率是99.6%
4:01.720–4:02.380
zh非常不错
4:02.380–4:05.200
zh那么它帮我们生成的文件里面
4:05.200–4:06.680
zh有一个这样mini program
4:06.680–4:08.080
zh就是小程序的目录
4:08.080–4:09.320
zh那么你用小程序
4:09.320–4:10.120
zh开发的工具的时候
4:10.120–4:11.160
zh要打开这个目录
4:11.160–4:12.740
zh然后的话我们可以看到
4:12.740–4:14.320
zh它因为我们提供了图片
4:14.320–4:15.580
zh然后它就帮我们生
4:15.580–4:18.080
zh从图片里面截出这么多图片
4:18.080–4:19.820
zh还有比如说像底部导航这些图片
4:19.820–4:22.280
zh也是他帮我们去截出来的
4:22.280–4:26.600
zh比如说未选中的和已选中的
4:26.600–4:27.700
zh非常不错
4:27.700–4:29.600
zh我们来打开小程序来看一下
4:29.600–4:30.100
enOK
4:30.100–4:31.160
zh这个就是小程序了
4:31.160–4:32.300
zh现在打开是有问题的
4:32.300–4:34.460
zh底部菜单是正常的
4:34.460–4:36.580
zh我们接下来进入第三个阶段
4:36.580–4:37.920
zh就是调试我们的小程序
4:37.920–4:40.560
zh因为小程序它是哈里斯
4:40.560–4:42.600
zh没办法去直接访问小程序
4:42.600–4:44.520
zh不然的话它是可以看到
4:44.520–4:45.520
zh小程序错误
4:45.520–4:46.920
zh比如说你如果做web
4:46.920–4:48.720
zh或者做iApp的话
4:48.720–4:50.620
zh一般会提供这种模拟的程序
4:50.620–4:51.620
zh它可以直接访问
4:51.620–4:52.820
zh但是小程序没有
4:52.820–4:55.620
zh就是小程序这边没有提供这种能力
4:55.620–4:58.220
zh我们要让它去解决这样错误的话
4:58.220–5:01.520
zh只能通过截图的方式是最简单的
5:01.520–5:03.820
zh然后直接截个图片复制给它
5:03.820–5:05.320
zh那去修复这个问题
5:05.320–5:07.620
zh那你也可以打开编辑器
5:07.620–5:09.620
zh这边的话选择编辑器
5:09.620–5:10.320
zh调试器
5:10.320–5:12.020
zh然后这边的这些错误信息
5:12.020–5:15.060
zh你也可以直接复制到这个对话框里面去发给他
5:15.060–5:18.180
zh然后让他去帮我们去调整这样的错误
5:18.180–5:21.860
zh那么我们可以看到小程序里面这边生成界面是非常多的
5:21.860–5:26.460
zh然后他每一个的格式都是符合我们的这个要求
5:26.460–5:27.660
zh就是有4个这样的文件
5:27.660–5:31.300
zh然后他的数据都是在这里没有写死
5:31.300–5:33.660
zh就是说在这个界面是没有写死数据的
5:33.660–5:36.180
zh他都是来自于我们后端的获取
5:36.180–5:39.040
zh所以说我们等会去对接后端是非常方便
5:39.040–5:42.240
zh然后我们再看一下它的底部导航这4个
5:42.240–5:44.060
zh那么可以看到首页
5:44.060–5:45.220
zh然后是图片
5:45.220–5:47.320
zh然后是选中的图片
5:47.320–5:48.920
zh它都帮我们解好了
5:48.920–5:50.080
zh这是非常不错
5:50.080–5:52.040
zh如果说你没有像我一样
5:52.040–5:53.900
zh生成这样的圆形图片的话
5:53.900–5:57.120
zh你可以从其他的开源的网站去找这种图片
5:57.120–5:58.840
zh比如像iconfund这样的网站
5:58.840–6:00.760
zh可以去找两张图片
6:00.760–6:02.680
zh一张是普通的情况下的
6:02.680–6:05.300
zh就这种灰色一种是选中的
6:05.300–6:08.020
zh你选一个符合你自己主题的颜色就可以了
6:08.020–6:08.620
zh好的
6:08.620–6:11.180
zh他这边告诉我们已经修复了
6:11.180–6:12.580
zh我们再看一下
6:12.820–6:14.340
zh那么如果你看这边还有错误
6:14.340–6:16.380
zh你可以点击刷新一下
6:16.540–6:17.580
zh那么现在看的话
6:17.580–6:19.140
zh这个效果就非常不错的
6:19.140–6:20.900
zh我们可以看一下
6:21.980–6:23.820
zh这个滚动也是正常的
6:23.820–6:25.460
zh然后的话菜单
6:26.100–6:28.140
zh商品的商品列表
6:28.140–6:29.380
zh我们点击去看一下
6:30.100–6:30.700
enok
6:31.340–6:32.980
zh这个效果做的真的是不错
6:33.580–6:35.380
zh然后我们可以点击加号
6:35.380–6:37.060
zh然后的话接到购物车
6:37.060–6:38.860
zh去购物车里面看一下
6:38.860–6:40.460
zh非常不错
6:40.460–6:41.200
zh点结算
6:41.200–6:42.480
zh好的
6:42.480–6:43.820
zh然后新增地址
6:43.820–6:45.260
enOK
6:45.260–6:48.300
zh所以因为我们有了第一张图片
6:48.300–6:49.600
zh定义了这种风格
6:49.600–6:52.200
zh那么它就会所有的页面都是这种风格
6:52.200–6:53.420
zh就这种绿色的这种风格
6:53.420–6:54.460
zh那么提交一下
6:54.460–6:56.020
zh填一个地址
6:56.020–6:57.620
zh之后成功
6:57.620–6:59.200
enOK
6:59.200–7:00.080
zh我们查看订单
7:00.080–7:01.820
zh好的
7:01.820–7:02.560
zh订单详情
7:02.560–7:03.300
zh不错
7:03.300–7:05.840
zh我们再回到我们的个人中心里面去
7:05.840–7:06.340
zh看一下
7:06.340–7:08.640
zh这边是全部订单
7:08.640–7:11.280
zh付款完成
7:11.280–7:13.680
zh大配送的完成了
7:13.680–7:15.320
zh不错
7:15.320–7:16.860
zh就除了这些还有这些图标
7:16.860–7:18.040
zh这还有这些图标
7:18.040–7:19.920
zh我们可以用刚刚我说的方法
7:19.920–7:21.880
zh去开源的图标网站里面
7:21.880–7:22.640
zh把它替换掉
7:22.640–7:23.820
zh是完全可以
7:23.820–7:26.960
zh基本上一个这样的小程序的商城
7:26.960–7:27.800
zh就做出来了
7:27.800–7:29.340
zh然后我们再检查一下
7:29.340–7:30.420
zh它缺的界面
7:30.420–7:32.960
zh比如说它没有登录界面
7:32.960–7:33.460
zh对吧
7:33.460–7:35.600
zh我们现在需要它有登录的界面
7:35.600–7:37.000
zh那么你就可以去告诉他
7:37.800–7:40.400
zh那就直接告诉他缺少小程序一键登录界面
7:40.400–7:41.080
zh发送给他
7:41.080–7:42.880
zh那他去增加就行了
7:42.880–7:46.040
zh那如果说某一个样式你觉得不对的话
7:46.040–7:48.080
zh那么你就可以使用这种方式
7:48.360–7:49.040
zh比如说分类
7:49.040–7:50.280
zh我们可以找个界面调整
7:51.640–7:56.840
zh比如说我们想让他就可以使用截图
7:56.840–7:58.480
zh然后通过这种
7:58.843–8:05.163
zh然後通過這種寬度一個紅色區域,然後截圖,讓它去調整。
8:05.163–8:07.803
zh那你就可以複製圖片描述。
8:07.803–8:10.723
zh那麼你就告訴他,這相當於是一個局部的調整。
8:10.723–8:13.443
zh你就告訴他,紅色寬度的地方,你要調成什麼樣子。
8:13.443–8:15.083
zh把这个宽度的地方拉大一点
8:15.443–8:16.683
zh他就会去调整这块去
8:16.683–8:18.443
zh因为它是个视觉模型
8:18.443–8:20.843
zh它是可以读懂你这个宽度的地方在哪里的
8:21.083–8:23.923
zh那么他这边也是将登录的这个界面做完
8:23.923–8:24.483
zh做完之后
8:24.643–8:26.923
zh我们要求他把这个登录的相关功能
8:26.923–8:28.723
zh更新到我们的prd文档里面
8:28.883–8:31.083
zh因为这个界面是prd没有的
8:31.083–8:32.123
zh所以他更新进去
8:32.283–8:33.843
zh比如说在这个调试过程中
8:33.843–8:36.283
zh如果你新增的界面改变的流程
8:36.403–8:39.003
zh一定要让AI把这些跟变更的东西
8:39.003–8:40.283
zh更新到prd文档
8:40.443–8:42.203
zh因为我们prd文档是
8:42.203–8:44.503
zh衔接整个前后端
8:44.503–8:46.883
zh或者说你非常重要的一个参考文件
8:46.883–8:48.663
zh就不要让它出现
8:48.663–8:50.543
zhPID文档跟你的这个界面
8:50.543–8:52.203
zh完全是没有关系的
8:52.203–8:53.643
zh或者说很多改变它都没有
8:53.643–8:55.143
zh那这样会导致你后面
8:55.143–8:57.343
zh后面就失去参考的东西了
8:57.343–8:59.263
zh那接下来就是对接后端
8:59.263–9:00.743
zh那对接后端这里的话
9:00.743–9:01.983
zh是有非常多的选择
9:01.983–9:03.043
zh其实非常重要的一个选择
9:03.043–9:04.443
zh就是你选择什么技术站
9:04.443–9:06.563
zh来实现这个后端的功能
9:06.563–9:07.783
zh如果你是一个
9:07.783–9:08.963
zh没有任何技术经验的话
9:08.963–9:10.443
zh那么你就使用Cloudbase
9:10.443–9:12.143
zh就腾讯出的这个云开发
9:12.143–9:14.983
zh那么它是对非技术人员非常友好的
9:14.983–9:16.243
zh然后的话我们第一步
9:16.243–9:18.023
zh我们先装一个技能
9:18.023–9:18.823
zh叫March Skills
9:18.823–9:20.783
zh为什么要装这个技能呢
9:20.783–9:22.143
zh这个技能可以帮我们
9:22.143–9:23.843
zh进一步的梳理我们的需求
9:23.843–9:25.723
zh生成一个标准的规格文档
9:25.723–9:28.903
zh后面我们会基于规格文档
9:28.903–9:30.823
zh一次性把所有的后端都替换完成
9:30.823–9:32.243
zh但是这有个前提
9:32.243–9:35.683
zh如果你现在做了小程序的功能非常复杂
9:35.683–9:38.163
zh你的页面速度超过10个或20个的话
9:38.163–9:39.683
zh不建议一次性生成
9:39.683–9:42.263
zh如果你的界面数都在十来个左右
9:42.263–9:44.123
zh功能也不是那么复杂
9:44.123–9:46.643
zh那么非常建议你可以使用这个技能
9:46.643–9:49.983
zh让他帮你梳理出来一个详细的对接文档
9:49.983–9:54.803
zh来后面我们可以一次性给他全部根据这个对接文档去实现
9:54.803–9:56.903
zh那么如果你的需求比较复杂
9:56.903–10:00.043
zh那么你也可以用这个技能开成不同的块
10:00.043–10:02.603
zh然后把不同的块再去分别去实现
10:02.603–10:05.483
zh所以我们这个安装这个技能是非常重要的
10:05.483–10:07.523
zh那么你可以执行这个命令来安装技能
10:07.523–10:09.123
zh那我们输入这个命令
10:09.123–10:11.683
zh这个意思就是你要选择什么样的技能
10:11.923–10:13.083
zh我们如果图方便
10:13.083–10:14.083
zh你就选择slack
10:14.083–10:15.283
zh就全部
10:15.283–10:17.203
zh那么你也可以选择就是这个
10:17.203–10:18.763
zh这些都是常用的
10:19.123–10:20.323
zh可以往下拉一下
10:20.323–10:22.563
zh然后还有一些可能是不是那么
10:22.803–10:23.923
zh就是不是技术
10:24.123–10:25.163
zh不是开发的时候用的
10:25.163–10:26.563
zh可能是在其他地方用的
10:26.883–10:27.843
zh那么可以选择
10:28.123–10:29.083
zh那么确认
10:29.763–10:30.683
zh再确认
10:31.283–10:32.643
zh然后我们选择全局
10:32.643–10:34.483
zh因为我们在很多地方用的
10:34.643–10:35.283
zh然后再确认
10:35.283–10:35.803
enOK
10:36.443–10:36.943
zh好
10:36.943–10:39.303
zh这样的话就是我们的技能就完成了
10:39.303–10:41.303
zh我们再回到我们的Dubc Hines
10:41.603–10:44.003
zh然后我们要完成技能的初始化
10:44.403–10:46.003
zh你就可以打开一个新的对话
10:46.003–10:48.803
zh因为跟我们当前的对话是没有关系的
10:49.203–10:51.003
zh然后选择完全权限
10:51.503–10:52.803
zh然后选择setup
10:53.103–10:55.803
zh也就是说我们要给技能进行一个初始化
10:55.903–10:57.803
zh他会去读我们的项目的文件
10:57.803–10:59.903
zh然后配置一些东西
10:59.903–11:01.403
zh然后方便我们后面用技能
11:01.403–11:02.403
zh因为更加顺畅一点
11:02.803–11:03.703
zh什么都不用说
11:03.703–11:05.303
zh直接执行技能
11:05.303–11:06.963
zh第一步他就会问你
11:06.963–11:07.783
zh他怎么去保存
11:07.783–11:09.183
zh就是他的一个
11:09.183–11:11.403
zh相应我们一个任务的保存地方
11:11.403–11:13.803
zh我选择本地第一项
11:13.803–11:14.863
zh好
11:14.863–11:16.563
zh这些也是点击推荐就行了
11:16.563–11:18.783
zh这个文件我们用agentsmd
11:18.783–11:19.703
enOK
11:19.703–11:21.563
zh好保存好了
11:21.563–11:25.283
zh我们再回到我们的刚刚的对话里面
11:25.283–11:28.003
zh因为这个其实是跟我们的生成是没关系的
11:28.003–11:30.203
zh我们再回到这个对话里面去
11:30.203–11:31.223
zh我们使用这个技能
11:31.223–11:32.903
zh然后接下来就我们要用这个技能
11:32.903–11:34.423
zh去理清楚我们后段的逻辑
11:34.423–11:36.843
zh这个技能它会向你提很多问题
11:36.843–11:38.183
zh如果我们一开始
11:38.183–11:39.703
zh没有任何的需求文档
11:39.703–11:40.503
zh去用这个技能的话
11:40.503–11:41.623
zh它提的问题会非常多
11:41.623–11:44.183
zh所以我们一定是有PRD文档
11:44.183–11:46.323
zh相当于它有背景的信息
11:46.323–11:48.283
zh它就会使用AI的方式
11:48.283–11:49.283
zh去阅读这个文档
11:49.283–11:52.283
zh然后看一下AI有什么不懂的
11:52.283–11:52.923
zh再问我们
11:52.923–11:53.903
zh我们再去回答
11:53.903–11:55.883
zh我们用这个技能来理清楚需求
11:55.883–11:57.603
zh然后生成文档
11:57.603–11:58.963
zh我们选择这个
11:58.963–11:59.783
enGrui
11:59.783–12:01.123
enWidth
12:01.123–12:03.063
zh可以看到
12:03.063–12:05.783
zh首先是让他去阅读PID文档
12:05.783–12:07.683
zh其次就是我们的任务
12:07.683–12:09.183
zh是让他去将小程序的界面
12:09.183–12:10.363
zh对接真实的后端
12:10.363–12:12.763
zh然后这边技术站选择
12:12.763–12:14.123
zh就是你在这里一定要告诉他
12:14.123–12:15.003
zh你选择什么的技术站
12:15.003–12:16.883
zh目前我们只有纯前端
12:16.883–12:18.283
zh是没有任何技术站
12:18.283–12:18.963
zh这边技术站的话
12:18.963–12:19.463
zh你可以选择
12:19.463–12:20.683
zh比如说你自己熟悉的语言
12:20.683–12:22.223
zh你如果不懂技术的话
12:22.223–12:24.103
zh你就选择Cloud Base
12:24.103–12:25.163
zh然后的话数据库
12:25.163–12:26.983
zh使用MySoco告诉他账号名买
12:26.983–12:28.843
zh因为他要去创建这辆数据库
12:28.843–12:30.103
zh然后告诉他数据库的名称
12:30.103–12:32.363
zh我们就可以发送给他了
12:32.363–12:35.163
zh那接下来他就会阅读你这个PRD文档
12:35.163–12:37.183
zh那阅读你的小程序界面
12:37.183–12:39.263
zh然后呢来向你提问
12:39.263–12:41.323
zh所有问题都回答完之后呢
12:41.323–12:43.063
zh我们就再用它来生成
12:43.063–12:44.923
zh我们最终落地的一个文档
12:44.923–12:47.323
zh那那个文档是最最重要的一个文档
12:47.323–12:48.803
zh所有的问题都问完了
12:48.803–12:50.963
zh那么在其实在询问的过程中啊
12:50.963–12:53.823
zh他经常会有每个问题旁边有个推荐两个字
12:53.823–12:55.383
zh如果你自己搞不懂
12:55.383–12:57.703
zh或者说你不知道应该选择哪个的话
12:57.703–12:58.723
zh你推荐那一下就行了
12:58.723–13:00.083
zh如果你能搞得懂
13:00.083–13:02.763
zh那么就按照你的理解去选择具体的项
13:02.763–13:05.003
zh每一个选项都会引发
13:05.003–13:07.183
zh就是可能连续的问题都是不一样的
13:07.183–13:10.563
zh所以说你就按照真实的你的理解来选择
13:10.563–13:11.723
zh所有的问题问完之后
13:11.723–13:14.503
zh它会提示你要生成一个spack这样的文档
13:14.503–13:15.823
zh这个文档的话
13:15.823–13:19.223
zh就是后续用来执行代码生成的一个很重要的参考
13:19.223–13:20.543
zh那么你就让它确认
13:20.543–13:22.703
zh直接让它先写这个spack文档
13:22.703–13:25.803
zh因为我们需要去看一眼这个spack里面的内容
13:25.803–13:28.963
zh那这里面的内容应该会包含它需要做什么
13:28.963–13:30.703
zh然后他需要怎么去验收
13:30.703–13:33.463
zh这个就是我们要的最终的一个东西
13:33.463–13:35.063
zhOK他生成了一滴的文档
13:35.063–13:37.303
zh首先我们来看一下他具体生成什么东西
13:37.303–13:39.243
zh首先他生成了一个spec文档
13:39.243–13:43.803
zh然后生成了不同的功能模块的一个文档
13:43.803–13:45.043
zh那这样就非常好了
13:45.043–13:46.383
zh相当于有一个总的文档
13:46.383–13:49.763
zh然后再分为了非常细节的一个子模块的文档
13:49.763–13:52.063
zh我们可以看一下文档里面都有什么
13:52.063–13:53.823
zh我们先看一下这个总的spec文档
13:53.823–13:57.083
zh那这个就是真实的一个后端对接的需求了
13:57.083–13:58.663
zh然后你的背景是什么
13:58.663–13:59.323
zh目标什么
13:59.323–14:00.283
zh非目标是什么
14:00.283–14:01.443
zh然后的话
14:01.443–14:02.343
zh这个技术站是什么
14:02.343–14:02.983
zh还有模型
14:02.983–14:03.603
zh数据模型
14:03.603–14:05.263
zh以及最重要就是
14:05.263–14:08.563
zh它关联的这个子模块的公单
14:08.563–14:09.783
zh它在这个叫公单
14:09.783–14:11.603
zh其实就是我们要它做的内容
14:11.603–14:12.903
zh描述的文档
14:12.903–14:13.863
zh这边的话
14:13.863–14:14.963
zh它都是包括了
14:14.963–14:15.603
zh我们可以看一下
14:15.603–14:16.803
zh随便找一个看一下
14:16.803–14:17.703
zh我们可以看一下
14:17.703–14:18.203
zh创新订单
14:18.203–14:19.563
zh那目标是什么
14:19.563–14:20.843
zh接口是什么
14:20.843–14:21.903
zh然后的话验收
14:21.903–14:22.423
zh看到没有
14:22.423–14:25.343
zh每一个文档都是包含了验收的
14:25.343–14:27.503
zh就是怎么样才算成功验收
14:27.503–14:29.463
zh那么有了这些玩长之后
14:29.463–14:30.623
zh你接下来就可以用
14:30.623–14:32.023
zhDeep Seek Harness里面
14:32.023–14:32.863
zh非常一个重要的功能
14:32.863–14:33.363
zh就是目标
14:34.325–14:35.845
zh就这个目标
14:35.845–14:39.225
zh也就是我们可以让它基于这些文档
14:39.225–14:41.485
zh然后去执行一个长任务
14:41.485–14:42.785
zh一直开发
14:42.785–14:44.285
zh然后呢
14:44.285–14:46.225
zh每一个任务完成之后
14:46.225–14:48.685
zh它都会根据每一个文档里面去做验收
14:48.685–14:51.525
zh所有文档验收成功了
14:51.525–14:54.245
zh那么就告诉我们这个任务就完成了
14:54.245–14:55.345
zh那这个就是目标模式
14:55.345–14:58.965
zh所以我们不需要自己去写这个验收的条件是什么
14:58.965–15:02.405
zh只要把这个文档丢给这个目标模式
15:02.405–15:04.425
zh让它去循环去执行就行了
15:04.425–15:07.865
zhOK我们可以新建一个对话
15:07.865–15:10.405
zh因为其实它所有的文档都已经创建好了
15:10.405–15:13.065
zh它不需要依赖于之前你的上下文
15:13.065–15:14.205
zh你可以新建一个文档
15:14.205–15:15.205
zh新建一个对话
15:15.205–15:17.105
zh那这样上下文就能节省非常多
15:17.105–15:18.465
zhToken也会节省
15:18.465–15:21.865
zh那一样的把这个模式开到这个完全模式
15:21.865–15:23.885
zh然后在这边点击加号
15:23.885–15:24.945
zh选择go
15:24.945–15:27.865
zh然后选择目标模式之后
15:27.865–15:30.965
zh让它阅读spec文档和它全部的这个issues文档
15:30.965–15:32.925
zh然后完成所有的功能开发和验收
15:32.925–15:33.505
zh就可以了
15:33.505–15:37.125
zh那么它这边就会去开启这样的目标
15:37.125–15:39.505
zh然后去读取这个文件和下面的这个 issues
15:39.505–15:41.065
zh那一个一个去执行
15:41.065–15:42.085
zh然后一个个去验收
15:42.085–15:44.925
zh所以整个过程是非常的顺畅的
15:44.925–15:47.105
zh我们在这下面也可以看到
15:47.105–15:49.805
zh它这里显示进行中的目标
15:49.805–15:52.225
zh然后你这边可以去点击这个暂停
15:52.225–15:53.225
zh点击暂停之后
15:53.225–15:54.605
zh你可以去重新开启
15:54.605–15:55.585
zh那这边的话
15:55.585–15:57.325
zh它是会基于当前的进度
15:57.325–15:59.225
zh然后又开始去执行任务
15:59.225–16:01.805
zh所以到这个时候
16:01.805–16:03.065
zh你就可以去做自己的事情了
16:03.065–16:04.525
zh反正让他去一直去跑就行了
16:04.525–16:05.365
zh跑完之后
16:05.365–16:07.165
zh你去做一个验收就OK了
16:07.165–16:09.125
zh非常适合在这种
16:09.125–16:10.765
zh比如说错峰的时候
16:10.765–16:12.565
zh你睡觉之前
16:12.565–16:13.505
zh或者说你睡觉之前
16:13.505–16:14.525
zh布置一个任务
16:14.525–16:15.565
zh让他去一直去跑
16:15.565–16:17.705
zh但是我们在使用目标模式的时候
16:17.705–16:20.085
zh一定要记得有验收的条件
16:20.085–16:21.645
zh不然他跑完之后
16:21.645–16:23.545
zh可能都不是你想要的
16:23.545–16:25.065
zh这个验收条件是很重要的
16:25.065–16:26.505
zh不管是你使用第三方的技能
16:26.505–16:27.745
zh还是自己去写
16:27.745–16:28.865
zh都一定要加上去
16:28.865–16:31.505
zh那我们可以看到在执行这个目标模式的时候
16:31.505–16:33.705
zh这边呢开启了6个这样的子带里
16:34.465–16:36.345
zh那不同子带里负责不同的任务
16:36.345–16:37.865
zh那这边的话也是有一个后台
16:37.865–16:38.825
zh正在运行的这个
16:39.145–16:40.545
zh他会启动一个这样的脚本
16:40.945–16:42.385
zh那这边会一直去运行
16:42.625–16:43.665
zh那他运行完之后
16:43.665–16:45.585
zh他自己会去做单元测试
16:45.585–16:46.865
zh完成基本的测试之后
16:46.865–16:47.785
zh你就可以去启动
16:48.065–16:50.625
zh结合小程序的前端来完成一个连条测试了
16:50.905–16:51.865
zh那如果有什么问题的话
16:51.865–16:53.825
zh还是用刚刚教你的办法
16:53.825–16:55.345
zh通过截图或者复制
16:55.785–16:56.705
zh错误的方式
16:56.705–16:59.225
zh然后让Depsy去修复这样的问题
16:59.225–17:01.385
zh所以我们在整个过程体验上来说
17:01.385–17:02.385
zh其实是非常简单
17:02.385–17:03.885
zh现在你要去开发一个小程序
17:03.885–17:05.365
zh其实流程是很简单的
17:05.365–17:06.945
zh把需求搞懂
17:06.945–17:08.625
zh把设计的原型先做出来
17:08.625–17:09.745
zh然后把原型调好
17:09.745–17:11.185
zh然后就去对接一个后端
17:11.185–17:12.985
zh然后你可以选择更简单的
17:12.985–17:14.785
zh像Cloudbase这样的原端数据库
17:14.785–17:16.845
zh那么整个实验起来
17:16.845–17:19.165
zh会比现在用Python这种方式会简单非常多
17:19.165–17:22.245
zh你只要在刚刚我们这个环节里面
17:22.245–17:23.885
zh去问你问题的时候
17:23.885–17:25.305
zh把技术站告诉他
17:25.305–17:26.405
zh比如说你要使用Cloudbase
17:26.405–17:29.285
zh那么他就会使用Colorbase相关的技术来帮你实现这个后端
17:29.285–17:30.365
zh那么视频就到这
17:30.365–17:32.405
zh希望这个视频对你了解DBSIC Hines
17:32.405–17:34.000
zh以及小程序的开发有所帮助
0:00.000–0:04.211
大家好,最近一直在體驗Deepseek先出4.1Flash模型,
0:04.211–0:05.000
速度非常快。
0:05.000–0:08.000
搭配Deepseek HANIS效果也非常好。
0:08.000–0:12.964
就在錄一期使用Deepseek HANIS加Deepseek V4.1Flash,
0:12.964–0:15.000
從0到1開發小程序的保姆級教程。
0:15.000–0:21.000
教程里面會告訴你怎麼從需求到最終完整的實現的詳細過程。
0:21.000–0:22.116
如果你現在想開發小程序,
0:22.116–0:23.884
而且想使用Deepseek HANIS,
0:23.884–0:25.000
你可以來看一下這個視頻。
0:25.000–0:27.920
首先使用DBC和Hannis这些工具之前
0:27.920–0:30.740
一定要先确认你本次开发的一个需求
0:30.740–0:33.080
比如说你现在做一个什么样的小程序
0:33.080–0:34.940
一定是有一个这样的需求文档
0:34.940–0:37.740
需求文档包括了你产品的功能
0:37.740–0:39.840
你产品包含了哪些页面
0:39.840–0:45.000
最好还包括你产品的页面的视觉规范
0:45.000–0:46.120
这样是最好的
0:46.120–0:48.120
这个文档你可以自己写
0:48.120–0:51.160
也可以让AI来辅助帮你去编写
0:51.160–0:52.780
接下来就是设计原型
0:52.780–0:54.660
很多人认为有了需求之后
0:54.660–0:55.900
是不是直接让AI开干
0:55.900–0:57.640
直接把这个系统就可以做出来了
0:57.640–0:58.800
那我的建议是
0:58.800–1:00.720
一定要先把这个圆形做出来
1:00.720–1:02.960
当然如果你的需求是脚本
1:02.960–1:04.560
跟这些界面没有关系的
1:04.560–1:05.800
那么你可以直接去开干
1:05.800–1:08.100
但是如果有跟界面有关系
1:08.100–1:09.320
不管是做APP
1:09.320–1:10.300
做小程序
1:10.300–1:11.360
还是做网页
1:11.360–1:13.120
一定要先把这个圆形
1:13.120–1:15.320
没有任何数据交互的
1:15.320–1:17.120
跟后端没有交互的这种东西
1:17.120–1:17.780
要先做出来
1:17.780–1:18.900
那做圆形的话
1:18.900–1:20.100
有以下这种办法
1:20.100–1:20.860
第一种是
1:20.860–1:23.140
你如果有专业的UI设计经验
1:23.140–1:26.320
那么非常建议你使用专业的工具来设计
1:26.320–1:26.980
比如像Figma
1:26.980–1:31.300
这一类工具其实已经支持AI的辅助了
1:31.300–1:32.800
所以你可以借助AI的辅助
1:32.800–1:35.360
到Figma设计加快
1:35.360–1:38.620
还有一种就是你可以直接基于我们的PRD文档
1:38.620–1:42.260
因为PRD文档里面如果包含了页面的说明
1:42.260–1:45.040
还有包含了程序的设计规范的话
1:45.040–1:48.100
那么它是可以直接生成小程序的UI界面的
1:48.100–1:51.140
那么还有一种你可以使用第三方的深图工具
1:51.140–1:53.120
直接生成原型的图片
1:53.120–1:53.680
也是可以的
1:53.680–1:54.380
比如说我使用
1:54.380–1:56.140
Challengept image
1:56.140–1:57.320
那生成一个这样
1:57.320–1:58.460
首页的原型图片
1:58.460–1:59.860
那么你基于这个图片
1:59.860–2:01.520
去开发这样的小程序界面
2:01.520–2:02.640
也是可以的
2:02.640–2:03.860
有了这个prd文档
2:03.860–2:04.840
那我们就直接到
2:04.840–2:05.460
第二部
2:05.460–2:06.460
用Deepsyc Harness
2:06.460–2:07.400
来设计原型
2:07.400–2:09.280
我们可以使用这个提示词
2:09.280–2:10.640
我可以把它复制过来
2:10.640–2:12.480
然后打开你的Deepsyc Harness
2:12.480–2:14.640
然后创建一个这样的文件夹
2:14.640–2:16.500
然后选择模式的话
2:16.500–2:17.560
这边可以选择标准
2:17.560–2:19.480
PTC和创造模式都可以
2:19.480–2:20.940
然后这个模型的话
2:20.940–2:22.700
你就选择V41 Flash
2:22.700–2:24.680
然后推理级别的话
2:24.680–2:25.640
选择High就行了
2:25.640–2:26.760
不需要开到Max
2:26.760–2:28.260
直接使用High就行了
2:28.260–2:30.880
然后这边工作区修改的话
2:30.880–2:32.140
你可以选择完全
2:32.140–2:33.700
让它拥有最高权限
2:33.700–2:34.980
我们说这样的提示词
2:34.980–2:37.200
就是让它去阅读PRD文档
2:37.200–2:38.700
了解所有的功能
2:38.700–2:41.040
让它的页面的风格来参考
2:41.040–2:42.940
我们刚刚说的圆形的图片
2:42.940–2:44.520
如果你没有也没有关系
2:44.520–2:46.040
因为我们PRD文档其实是有的
2:46.040–2:48.360
有页面的设计规范的
2:48.360–2:49.680
然后再说明小程序
2:49.680–2:51.440
所有的界面都使用模拟数据
2:51.440–2:52.760
不要在界面中写死
2:52.760–2:55.080
小程序是有界面和JS的
2:55.080–2:57.160
如果你把这个数据写死在界面的话
2:57.160–2:58.840
后面调整是非常麻烦的
2:58.840–3:00.360
直接让他一定要使用模拟数据
3:00.360–3:01.260
不要写死的数据
3:01.260–3:02.980
有了这些关键信息
3:02.980–3:05.460
那么你就可以去让他去做这件事情了
3:05.460–3:06.820
你在做的时候
3:06.820–3:08.460
你不一定说提示词完全一样
3:08.460–3:09.740
你要抓住核心点
3:09.740–3:10.920
首先是PRD文档
3:10.920–3:12.840
PRD文档告诉AI
3:12.840–3:14.660
让他知道他要去做什么
3:14.660–3:16.340
他的功能是什么
3:16.340–3:17.320
页面是什么
3:17.320–3:19.820
然后呢就是让他去使用这个模拟数据
3:19.820–3:21.420
还有就是如果你有图片的话
3:21.420–3:24.180
让他从图片里面抽取这个规范
3:24.180–3:27.300
保存到我们的一个规范的设计规范文件里面去
3:27.300–3:29.440
那后面后续的这个小程序的开发
3:29.440–3:30.680
就可以参考这个规范
3:30.680–3:32.940
那比如说我们现在规范是这种风格的
3:32.940–3:35.380
那么他提取到这个Design MD之后
3:35.380–3:36.640
也是这样的风格的
3:36.640–3:38.440
那么对后面后续也没有开发
3:38.440–3:40.160
是有一个这样的参考价值的
3:40.160–3:43.120
OK那我们就发送给DBSC HANIS
3:43.120–3:45.800
就是我们一旦设计了图片这种东西
3:45.800–3:46.700
你输入的东西
3:46.700–3:48.000
如果一旦有图片的话
3:48.000–3:50.600
那么一定要选择支持图片的模型
3:50.600–3:52.560
比如说Deepseek Flash系列
3:52.560–3:54.140
OK它已经跑完了
3:54.140–3:57.520
那么它花的时间大概是15分钟
3:57.520–3:59.380
这边的输入速度将近300
3:59.380–4:01.720
非常快的缓存命中率是99.6%
4:01.720–4:02.380
非常不错
4:02.380–4:05.200
那么它帮我们生成的文件里面
4:05.200–4:06.680
有一个这样mini program
4:06.680–4:08.080
就是小程序的目录
4:08.080–4:09.320
那么你用小程序
4:09.320–4:10.120
开发的工具的时候
4:10.120–4:11.160
要打开这个目录
4:11.160–4:12.740
然后的话我们可以看到
4:12.740–4:14.320
它因为我们提供了图片
4:14.320–4:15.580
然后它就帮我们生
4:15.580–4:18.080
从图片里面截出这么多图片
4:18.080–4:19.820
还有比如说像底部导航这些图片
4:19.820–4:22.280
也是他帮我们去截出来的
4:22.280–4:26.600
比如说未选中的和已选中的
4:26.600–4:27.700
非常不错
4:27.700–4:29.600
我们来打开小程序来看一下
4:29.600–4:30.100
OK
4:30.100–4:31.160
这个就是小程序了
4:31.160–4:32.300
现在打开是有问题的
4:32.300–4:34.460
底部菜单是正常的
4:34.460–4:36.580
我们接下来进入第三个阶段
4:36.580–4:37.920
就是调试我们的小程序
4:37.920–4:40.560
因为小程序它是哈里斯
4:40.560–4:42.600
没办法去直接访问小程序
4:42.600–4:44.520
不然的话它是可以看到
4:44.520–4:45.520
小程序错误
4:45.520–4:46.920
比如说你如果做web
4:46.920–4:48.720
或者做iApp的话
4:48.720–4:50.620
一般会提供这种模拟的程序
4:50.620–4:51.620
它可以直接访问
4:51.620–4:52.820
但是小程序没有
4:52.820–4:55.620
就是小程序这边没有提供这种能力
4:55.620–4:58.220
我们要让它去解决这样错误的话
4:58.220–5:01.520
只能通过截图的方式是最简单的
5:01.520–5:03.820
然后直接截个图片复制给它
5:03.820–5:05.320
那去修复这个问题
5:05.320–5:07.620
那你也可以打开编辑器
5:07.620–5:09.620
这边的话选择编辑器
5:09.620–5:10.320
调试器
5:10.320–5:12.020
然后这边的这些错误信息
5:12.020–5:15.060
你也可以直接复制到这个对话框里面去发给他
5:15.060–5:18.180
然后让他去帮我们去调整这样的错误
5:18.180–5:21.860
那么我们可以看到小程序里面这边生成界面是非常多的
5:21.860–5:26.460
然后他每一个的格式都是符合我们的这个要求
5:26.460–5:27.660
就是有4个这样的文件
5:27.660–5:31.300
然后他的数据都是在这里没有写死
5:31.300–5:33.660
就是说在这个界面是没有写死数据的
5:33.660–5:36.180
他都是来自于我们后端的获取
5:36.180–5:39.040
所以说我们等会去对接后端是非常方便
5:39.040–5:42.240
然后我们再看一下它的底部导航这4个
5:42.240–5:44.060
那么可以看到首页
5:44.060–5:45.220
然后是图片
5:45.220–5:47.320
然后是选中的图片
5:47.320–5:48.920
它都帮我们解好了
5:48.920–5:50.080
这是非常不错
5:50.080–5:52.040
如果说你没有像我一样
5:52.040–5:53.900
生成这样的圆形图片的话
5:53.900–5:57.120
你可以从其他的开源的网站去找这种图片
5:57.120–5:58.840
比如像iconfund这样的网站
5:58.840–6:00.760
可以去找两张图片
6:00.760–6:02.680
一张是普通的情况下的
6:02.680–6:05.300
就这种灰色一种是选中的
6:05.300–6:08.020
你选一个符合你自己主题的颜色就可以了
6:08.020–6:08.620
好的
6:08.620–6:11.180
他这边告诉我们已经修复了
6:11.180–6:12.580
我们再看一下
6:12.820–6:14.340
那么如果你看这边还有错误
6:14.340–6:16.380
你可以点击刷新一下
6:16.540–6:17.580
那么现在看的话
6:17.580–6:19.140
这个效果就非常不错的
6:19.140–6:20.900
我们可以看一下
6:21.980–6:23.820
这个滚动也是正常的
6:23.820–6:25.460
然后的话菜单
6:26.100–6:28.140
商品的商品列表
6:28.140–6:29.380
我们点击去看一下
6:30.100–6:30.700
ok
6:31.340–6:32.980
这个效果做的真的是不错
6:33.580–6:35.380
然后我们可以点击加号
6:35.380–6:37.060
然后的话接到购物车
6:37.060–6:38.860
去购物车里面看一下
6:38.860–6:40.460
非常不错
6:40.460–6:41.200
点结算
6:41.200–6:42.480
好的
6:42.480–6:43.820
然后新增地址
6:43.820–6:45.260
OK
6:45.260–6:48.300
所以因为我们有了第一张图片
6:48.300–6:49.600
定义了这种风格
6:49.600–6:52.200
那么它就会所有的页面都是这种风格
6:52.200–6:53.420
就这种绿色的这种风格
6:53.420–6:54.460
那么提交一下
6:54.460–6:56.020
填一个地址
6:56.020–6:57.620
之后成功
6:57.620–6:59.200
OK
6:59.200–7:00.080
我们查看订单
7:00.080–7:01.820
好的
7:01.820–7:02.560
订单详情
7:02.560–7:03.300
不错
7:03.300–7:05.840
我们再回到我们的个人中心里面去
7:05.840–7:06.340
看一下
7:06.340–7:08.640
这边是全部订单
7:08.640–7:11.280
付款完成
7:11.280–7:13.680
大配送的完成了
7:13.680–7:15.320
不错
7:15.320–7:16.860
就除了这些还有这些图标
7:16.860–7:18.040
这还有这些图标
7:18.040–7:19.920
我们可以用刚刚我说的方法
7:19.920–7:21.880
去开源的图标网站里面
7:21.880–7:22.640
把它替换掉
7:22.640–7:23.820
是完全可以
7:23.820–7:26.960
基本上一个这样的小程序的商城
7:26.960–7:27.800
就做出来了
7:27.800–7:29.340
然后我们再检查一下
7:29.340–7:30.420
它缺的界面
7:30.420–7:32.960
比如说它没有登录界面
7:32.960–7:33.460
对吧
7:33.460–7:35.600
我们现在需要它有登录的界面
7:35.600–7:37.000
那么你就可以去告诉他
7:37.800–7:40.400
那就直接告诉他缺少小程序一键登录界面
7:40.400–7:41.080
发送给他
7:41.080–7:42.880
那他去增加就行了
7:42.880–7:46.040
那如果说某一个样式你觉得不对的话
7:46.040–7:48.080
那么你就可以使用这种方式
7:48.360–7:49.040
比如说分类
7:49.040–7:50.280
我们可以找个界面调整
7:51.640–7:56.840
比如说我们想让他就可以使用截图
7:56.840–7:58.480
然后通过这种
7:58.843–8:05.163
然後通過這種寬度一個紅色區域,然後截圖,讓它去調整。
8:05.163–8:07.803
那你就可以複製圖片描述。
8:07.803–8:10.723
那麼你就告訴他,這相當於是一個局部的調整。
8:10.723–8:13.443
你就告訴他,紅色寬度的地方,你要調成什麼樣子。
8:13.443–8:15.083
把这个宽度的地方拉大一点
8:15.443–8:16.683
他就会去调整这块去
8:16.683–8:18.443
因为它是个视觉模型
8:18.443–8:20.843
它是可以读懂你这个宽度的地方在哪里的
8:21.083–8:23.923
那么他这边也是将登录的这个界面做完
8:23.923–8:24.483
做完之后
8:24.643–8:26.923
我们要求他把这个登录的相关功能
8:26.923–8:28.723
更新到我们的prd文档里面
8:28.883–8:31.083
因为这个界面是prd没有的
8:31.083–8:32.123
所以他更新进去
8:32.283–8:33.843
比如说在这个调试过程中
8:33.843–8:36.283
如果你新增的界面改变的流程
8:36.403–8:39.003
一定要让AI把这些跟变更的东西
8:39.003–8:40.283
更新到prd文档
8:40.443–8:42.203
因为我们prd文档是
8:42.203–8:44.503
衔接整个前后端
8:44.503–8:46.883
或者说你非常重要的一个参考文件
8:46.883–8:48.663
就不要让它出现
8:48.663–8:50.543
PID文档跟你的这个界面
8:50.543–8:52.203
完全是没有关系的
8:52.203–8:53.643
或者说很多改变它都没有
8:53.643–8:55.143
那这样会导致你后面
8:55.143–8:57.343
后面就失去参考的东西了
8:57.343–8:59.263
那接下来就是对接后端
8:59.263–9:00.743
那对接后端这里的话
9:00.743–9:01.983
是有非常多的选择
9:01.983–9:03.043
其实非常重要的一个选择
9:03.043–9:04.443
就是你选择什么技术站
9:04.443–9:06.563
来实现这个后端的功能
9:06.563–9:07.783
如果你是一个
9:07.783–9:08.963
没有任何技术经验的话
9:08.963–9:10.443
那么你就使用Cloudbase
9:10.443–9:12.143
就腾讯出的这个云开发
9:12.143–9:14.983
那么它是对非技术人员非常友好的
9:14.983–9:16.243
然后的话我们第一步
9:16.243–9:18.023
我们先装一个技能
9:18.023–9:18.823
叫March Skills
9:18.823–9:20.783
为什么要装这个技能呢
9:20.783–9:22.143
这个技能可以帮我们
9:22.143–9:23.843
进一步的梳理我们的需求
9:23.843–9:25.723
生成一个标准的规格文档
9:25.723–9:28.903
后面我们会基于规格文档
9:28.903–9:30.823
一次性把所有的后端都替换完成
9:30.823–9:32.243
但是这有个前提
9:32.243–9:35.683
如果你现在做了小程序的功能非常复杂
9:35.683–9:38.163
你的页面速度超过10个或20个的话
9:38.163–9:39.683
不建议一次性生成
9:39.683–9:42.263
如果你的界面数都在十来个左右
9:42.263–9:44.123
功能也不是那么复杂
9:44.123–9:46.643
那么非常建议你可以使用这个技能
9:46.643–9:49.983
让他帮你梳理出来一个详细的对接文档
9:49.983–9:54.803
来后面我们可以一次性给他全部根据这个对接文档去实现
9:54.803–9:56.903
那么如果你的需求比较复杂
9:56.903–10:00.043
那么你也可以用这个技能开成不同的块
10:00.043–10:02.603
然后把不同的块再去分别去实现
10:02.603–10:05.483
所以我们这个安装这个技能是非常重要的
10:05.483–10:07.523
那么你可以执行这个命令来安装技能
10:07.523–10:09.123
那我们输入这个命令
10:09.123–10:11.683
这个意思就是你要选择什么样的技能
10:11.923–10:13.083
我们如果图方便
10:13.083–10:14.083
你就选择slack
10:14.083–10:15.283
就全部
10:15.283–10:17.203
那么你也可以选择就是这个
10:17.203–10:18.763
这些都是常用的
10:19.123–10:20.323
可以往下拉一下
10:20.323–10:22.563
然后还有一些可能是不是那么
10:22.803–10:23.923
就是不是技术
10:24.123–10:25.163
不是开发的时候用的
10:25.163–10:26.563
可能是在其他地方用的
10:26.883–10:27.843
那么可以选择
10:28.123–10:29.083
那么确认
10:29.763–10:30.683
再确认
10:31.283–10:32.643
然后我们选择全局
10:32.643–10:34.483
因为我们在很多地方用的
10:34.643–10:35.283
然后再确认
10:35.283–10:35.803
OK
10:36.443–10:36.943
好
10:36.943–10:39.303
这样的话就是我们的技能就完成了
10:39.303–10:41.303
我们再回到我们的Dubc Hines
10:41.603–10:44.003
然后我们要完成技能的初始化
10:44.403–10:46.003
你就可以打开一个新的对话
10:46.003–10:48.803
因为跟我们当前的对话是没有关系的
10:49.203–10:51.003
然后选择完全权限
10:51.503–10:52.803
然后选择setup
10:53.103–10:55.803
也就是说我们要给技能进行一个初始化
10:55.903–10:57.803
他会去读我们的项目的文件
10:57.803–10:59.903
然后配置一些东西
10:59.903–11:01.403
然后方便我们后面用技能
11:01.403–11:02.403
因为更加顺畅一点
11:02.803–11:03.703
什么都不用说
11:03.703–11:05.303
直接执行技能
11:05.303–11:06.963
第一步他就会问你
11:06.963–11:07.783
他怎么去保存
11:07.783–11:09.183
就是他的一个
11:09.183–11:11.403
相应我们一个任务的保存地方
11:11.403–11:13.803
我选择本地第一项
11:13.803–11:14.863
好
11:14.863–11:16.563
这些也是点击推荐就行了
11:16.563–11:18.783
这个文件我们用agentsmd
11:18.783–11:19.703
OK
11:19.703–11:21.563
好保存好了
11:21.563–11:25.283
我们再回到我们的刚刚的对话里面
11:25.283–11:28.003
因为这个其实是跟我们的生成是没关系的
11:28.003–11:30.203
我们再回到这个对话里面去
11:30.203–11:31.223
我们使用这个技能
11:31.223–11:32.903
然后接下来就我们要用这个技能
11:32.903–11:34.423
去理清楚我们后段的逻辑
11:34.423–11:36.843
这个技能它会向你提很多问题
11:36.843–11:38.183
如果我们一开始
11:38.183–11:39.703
没有任何的需求文档
11:39.703–11:40.503
去用这个技能的话
11:40.503–11:41.623
它提的问题会非常多
11:41.623–11:44.183
所以我们一定是有PRD文档
11:44.183–11:46.323
相当于它有背景的信息
11:46.323–11:48.283
它就会使用AI的方式
11:48.283–11:49.283
去阅读这个文档
11:49.283–11:52.283
然后看一下AI有什么不懂的
11:52.283–11:52.923
再问我们
11:52.923–11:53.903
我们再去回答
11:53.903–11:55.883
我们用这个技能来理清楚需求
11:55.883–11:57.603
然后生成文档
11:57.603–11:58.963
我们选择这个
11:58.963–11:59.783
Grui
11:59.783–12:01.123
Width
12:01.123–12:03.063
可以看到
12:03.063–12:05.783
首先是让他去阅读PID文档
12:05.783–12:07.683
其次就是我们的任务
12:07.683–12:09.183
是让他去将小程序的界面
12:09.183–12:10.363
对接真实的后端
12:10.363–12:12.763
然后这边技术站选择
12:12.763–12:14.123
就是你在这里一定要告诉他
12:14.123–12:15.003
你选择什么的技术站
12:15.003–12:16.883
目前我们只有纯前端
12:16.883–12:18.283
是没有任何技术站
12:18.283–12:18.963
这边技术站的话
12:18.963–12:19.463
你可以选择
12:19.463–12:20.683
比如说你自己熟悉的语言
12:20.683–12:22.223
你如果不懂技术的话
12:22.223–12:24.103
你就选择Cloud Base
12:24.103–12:25.163
然后的话数据库
12:25.163–12:26.983
使用MySoco告诉他账号名买
12:26.983–12:28.843
因为他要去创建这辆数据库
12:28.843–12:30.103
然后告诉他数据库的名称
12:30.103–12:32.363
我们就可以发送给他了
12:32.363–12:35.163
那接下来他就会阅读你这个PRD文档
12:35.163–12:37.183
那阅读你的小程序界面
12:37.183–12:39.263
然后呢来向你提问
12:39.263–12:41.323
所有问题都回答完之后呢
12:41.323–12:43.063
我们就再用它来生成
12:43.063–12:44.923
我们最终落地的一个文档
12:44.923–12:47.323
那那个文档是最最重要的一个文档
12:47.323–12:48.803
所有的问题都问完了
12:48.803–12:50.963
那么在其实在询问的过程中啊
12:50.963–12:53.823
他经常会有每个问题旁边有个推荐两个字
12:53.823–12:55.383
如果你自己搞不懂
12:55.383–12:57.703
或者说你不知道应该选择哪个的话
12:57.703–12:58.723
你推荐那一下就行了
12:58.723–13:00.083
如果你能搞得懂
13:00.083–13:02.763
那么就按照你的理解去选择具体的项
13:02.763–13:05.003
每一个选项都会引发
13:05.003–13:07.183
就是可能连续的问题都是不一样的
13:07.183–13:10.563
所以说你就按照真实的你的理解来选择
13:10.563–13:11.723
所有的问题问完之后
13:11.723–13:14.503
它会提示你要生成一个spack这样的文档
13:14.503–13:15.823
这个文档的话
13:15.823–13:19.223
就是后续用来执行代码生成的一个很重要的参考
13:19.223–13:20.543
那么你就让它确认
13:20.543–13:22.703
直接让它先写这个spack文档
13:22.703–13:25.803
因为我们需要去看一眼这个spack里面的内容
13:25.803–13:28.963
那这里面的内容应该会包含它需要做什么
13:28.963–13:30.703
然后他需要怎么去验收
13:30.703–13:33.463
这个就是我们要的最终的一个东西
13:33.463–13:35.063
OK他生成了一滴的文档
13:35.063–13:37.303
首先我们来看一下他具体生成什么东西
13:37.303–13:39.243
首先他生成了一个spec文档
13:39.243–13:43.803
然后生成了不同的功能模块的一个文档
13:43.803–13:45.043
那这样就非常好了
13:45.043–13:46.383
相当于有一个总的文档
13:46.383–13:49.763
然后再分为了非常细节的一个子模块的文档
13:49.763–13:52.063
我们可以看一下文档里面都有什么
13:52.063–13:53.823
我们先看一下这个总的spec文档
13:53.823–13:57.083
那这个就是真实的一个后端对接的需求了
13:57.083–13:58.663
然后你的背景是什么
13:58.663–13:59.323
目标什么
13:59.323–14:00.283
非目标是什么
14:00.283–14:01.443
然后的话
14:01.443–14:02.343
这个技术站是什么
14:02.343–14:02.983
还有模型
14:02.983–14:03.603
数据模型
14:03.603–14:05.263
以及最重要就是
14:05.263–14:08.563
它关联的这个子模块的公单
14:08.563–14:09.783
它在这个叫公单
14:09.783–14:11.603
其实就是我们要它做的内容
14:11.603–14:12.903
描述的文档
14:12.903–14:13.863
这边的话
14:13.863–14:14.963
它都是包括了
14:14.963–14:15.603
我们可以看一下
14:15.603–14:16.803
随便找一个看一下
14:16.803–14:17.703
我们可以看一下
14:17.703–14:18.203
创新订单
14:18.203–14:19.563
那目标是什么
14:19.563–14:20.843
接口是什么
14:20.843–14:21.903
然后的话验收
14:21.903–14:22.423
看到没有
14:22.423–14:25.343
每一个文档都是包含了验收的
14:25.343–14:27.503
就是怎么样才算成功验收
14:27.503–14:29.463
那么有了这些玩长之后
14:29.463–14:30.623
你接下来就可以用
14:30.623–14:32.023
Deep Seek Harness里面
14:32.023–14:32.863
非常一个重要的功能
14:32.863–14:33.363
就是目标
14:34.325–14:35.845
就这个目标
14:35.845–14:39.225
也就是我们可以让它基于这些文档
14:39.225–14:41.485
然后去执行一个长任务
14:41.485–14:42.785
一直开发
14:42.785–14:44.285
然后呢
14:44.285–14:46.225
每一个任务完成之后
14:46.225–14:48.685
它都会根据每一个文档里面去做验收
14:48.685–14:51.525
所有文档验收成功了
14:51.525–14:54.245
那么就告诉我们这个任务就完成了
14:54.245–14:55.345
那这个就是目标模式
14:55.345–14:58.965
所以我们不需要自己去写这个验收的条件是什么
14:58.965–15:02.405
只要把这个文档丢给这个目标模式
15:02.405–15:04.425
让它去循环去执行就行了
15:04.425–15:07.865
OK我们可以新建一个对话
15:07.865–15:10.405
因为其实它所有的文档都已经创建好了
15:10.405–15:13.065
它不需要依赖于之前你的上下文
15:13.065–15:14.205
你可以新建一个文档
15:14.205–15:15.205
新建一个对话
15:15.205–15:17.105
那这样上下文就能节省非常多
15:17.105–15:18.465
Token也会节省
15:18.465–15:21.865
那一样的把这个模式开到这个完全模式
15:21.865–15:23.885
然后在这边点击加号
15:23.885–15:24.945
选择go
15:24.945–15:27.865
然后选择目标模式之后
15:27.865–15:30.965
让它阅读spec文档和它全部的这个issues文档
15:30.965–15:32.925
然后完成所有的功能开发和验收
15:32.925–15:33.505
就可以了
15:33.505–15:37.125
那么它这边就会去开启这样的目标
15:37.125–15:39.505
然后去读取这个文件和下面的这个 issues
15:39.505–15:41.065
那一个一个去执行
15:41.065–15:42.085
然后一个个去验收
15:42.085–15:44.925
所以整个过程是非常的顺畅的
15:44.925–15:47.105
我们在这下面也可以看到
15:47.105–15:49.805
它这里显示进行中的目标
15:49.805–15:52.225
然后你这边可以去点击这个暂停
15:52.225–15:53.225
点击暂停之后
15:53.225–15:54.605
你可以去重新开启
15:54.605–15:55.585
那这边的话
15:55.585–15:57.325
它是会基于当前的进度
15:57.325–15:59.225
然后又开始去执行任务
15:59.225–16:01.805
所以到这个时候
16:01.805–16:03.065
你就可以去做自己的事情了
16:03.065–16:04.525
反正让他去一直去跑就行了
16:04.525–16:05.365
跑完之后
16:05.365–16:07.165
你去做一个验收就OK了
16:07.165–16:09.125
非常适合在这种
16:09.125–16:10.765
比如说错峰的时候
16:10.765–16:12.565
你睡觉之前
16:12.565–16:13.505
或者说你睡觉之前
16:13.505–16:14.525
布置一个任务
16:14.525–16:15.565
让他去一直去跑
16:15.565–16:17.705
但是我们在使用目标模式的时候
16:17.705–16:20.085
一定要记得有验收的条件
16:20.085–16:21.645
不然他跑完之后
16:21.645–16:23.545
可能都不是你想要的
16:23.545–16:25.065
这个验收条件是很重要的
16:25.065–16:26.505
不管是你使用第三方的技能
16:26.505–16:27.745
还是自己去写
16:27.745–16:28.865
都一定要加上去
16:28.865–16:31.505
那我们可以看到在执行这个目标模式的时候
16:31.505–16:33.705
这边呢开启了6个这样的子带里
16:34.465–16:36.345
那不同子带里负责不同的任务
16:36.345–16:37.865
那这边的话也是有一个后台
16:37.865–16:38.825
正在运行的这个
16:39.145–16:40.545
他会启动一个这样的脚本
16:40.945–16:42.385
那这边会一直去运行
16:42.625–16:43.665
那他运行完之后
16:43.665–16:45.585
他自己会去做单元测试
16:45.585–16:46.865
完成基本的测试之后
16:46.865–16:47.785
你就可以去启动
16:48.065–16:50.625
结合小程序的前端来完成一个连条测试了
16:50.905–16:51.865
那如果有什么问题的话
16:51.865–16:53.825
还是用刚刚教你的办法
16:53.825–16:55.345
通过截图或者复制
16:55.785–16:56.705
错误的方式
16:56.705–16:59.225
然后让Depsy去修复这样的问题
16:59.225–17:01.385
所以我们在整个过程体验上来说
17:01.385–17:02.385
其实是非常简单
17:02.385–17:03.885
现在你要去开发一个小程序
17:03.885–17:05.365
其实流程是很简单的
17:05.365–17:06.945
把需求搞懂
17:06.945–17:08.625
把设计的原型先做出来
17:08.625–17:09.745
然后把原型调好
17:09.745–17:11.185
然后就去对接一个后端
17:11.185–17:12.985
然后你可以选择更简单的
17:12.985–17:14.785
像Cloudbase这样的原端数据库
17:14.785–17:16.845
那么整个实验起来
17:16.845–17:19.165
会比现在用Python这种方式会简单非常多
17:19.165–17:22.245
你只要在刚刚我们这个环节里面
17:22.245–17:23.885
去问你问题的时候
17:23.885–17:25.305
把技术站告诉他
17:25.305–17:26.405
比如说你要使用Cloudbase
17:26.405–17:29.285
那么他就会使用Colorbase相关的技术来帮你实现这个后端
17:29.285–17:30.365
那么视频就到这
17:30.365–17:32.405
希望这个视频对你了解DBSIC Hines
17:32.405–17:34.000
以及小程序的开发有所帮助
0:00.000–0:04.211
zh大家好,最近一直在體驗Deepseek先出4.1Flash模型,
大家好,最近一直在體驗Deepseek先出4.1Flash模型,
0:04.211–0:05.000
zh速度非常快。
速度非常快。
0:05.000–0:08.000
zh搭配Deepseek HANIS效果也非常好。
搭配Deepseek HANIS效果也非常好。
0:08.000–0:12.964
zh就在錄一期使用Deepseek HANIS加Deepseek V4.1Flash,
就在錄一期使用Deepseek HANIS加Deepseek V4.1Flash,
0:12.964–0:15.000
zh從0到1開發小程序的保姆級教程。
從0到1開發小程序的保姆級教程。
0:15.000–0:21.000
zh教程里面會告訴你怎麼從需求到最終完整的實現的詳細過程。
教程里面會告訴你怎麼從需求到最終完整的實現的詳細過程。
0:21.000–0:22.116
zh如果你現在想開發小程序,
如果你現在想開發小程序,
0:22.116–0:23.884
zh而且想使用Deepseek HANIS,
而且想使用Deepseek HANIS,
0:23.884–0:25.000
zh你可以來看一下這個視頻。
你可以來看一下這個視頻。
0:25.000–0:27.920
zh首先使用DBC和Hannis这些工具之前
首先使用DBC和Hannis这些工具之前
0:27.920–0:30.740
zh一定要先确认你本次开发的一个需求
一定要先确认你本次开发的一个需求
0:30.740–0:33.080
zh比如说你现在做一个什么样的小程序
比如说你现在做一个什么样的小程序
0:33.080–0:34.940
zh一定是有一个这样的需求文档
一定是有一个这样的需求文档
0:34.940–0:37.740
zh需求文档包括了你产品的功能
需求文档包括了你产品的功能
0:37.740–0:39.840
zh你产品包含了哪些页面
你产品包含了哪些页面
0:39.840–0:45.000
zh最好还包括你产品的页面的视觉规范
最好还包括你产品的页面的视觉规范
0:45.000–0:46.120
zh这样是最好的
这样是最好的
0:46.120–0:48.120
zh这个文档你可以自己写
这个文档你可以自己写
0:48.120–0:51.160
zh也可以让AI来辅助帮你去编写
也可以让AI来辅助帮你去编写
0:51.160–0:52.780
zh接下来就是设计原型
接下来就是设计原型
0:52.780–0:54.660
zh很多人认为有了需求之后
很多人认为有了需求之后
0:54.660–0:55.900
zh是不是直接让AI开干
是不是直接让AI开干
0:55.900–0:57.640
zh直接把这个系统就可以做出来了
直接把这个系统就可以做出来了
0:57.640–0:58.800
zh那我的建议是
那我的建议是
0:58.800–1:00.720
zh一定要先把这个圆形做出来
一定要先把这个圆形做出来
1:00.720–1:02.960
zh当然如果你的需求是脚本
当然如果你的需求是脚本
1:02.960–1:04.560
zh跟这些界面没有关系的
跟这些界面没有关系的
1:04.560–1:05.800
zh那么你可以直接去开干
那么你可以直接去开干
1:05.800–1:08.100
zh但是如果有跟界面有关系
但是如果有跟界面有关系
1:08.100–1:09.320
zh不管是做APP
不管是做APP
1:09.320–1:10.300
zh做小程序
做小程序
1:10.300–1:11.360
zh还是做网页
还是做网页
1:11.360–1:13.120
zh一定要先把这个圆形
一定要先把这个圆形
1:13.120–1:15.320
zh没有任何数据交互的
没有任何数据交互的
1:15.320–1:17.120
zh跟后端没有交互的这种东西
跟后端没有交互的这种东西
1:17.120–1:17.780
zh要先做出来
要先做出来
1:17.780–1:18.900
zh那做圆形的话
那做圆形的话
1:18.900–1:20.100
zh有以下这种办法
有以下这种办法
1:20.100–1:20.860
zh第一种是
第一种是
1:20.860–1:23.140
zh你如果有专业的UI设计经验
你如果有专业的UI设计经验
1:23.140–1:26.320
zh那么非常建议你使用专业的工具来设计
那么非常建议你使用专业的工具来设计
1:26.320–1:26.980
zh比如像Figma
比如像Figma
1:26.980–1:31.300
zh这一类工具其实已经支持AI的辅助了
这一类工具其实已经支持AI的辅助了
1:31.300–1:32.800
zh所以你可以借助AI的辅助
所以你可以借助AI的辅助
1:32.800–1:35.360
zh到Figma设计加快
到Figma设计加快
1:35.360–1:38.620
zh还有一种就是你可以直接基于我们的PRD文档
还有一种就是你可以直接基于我们的PRD文档
1:38.620–1:42.260
zh因为PRD文档里面如果包含了页面的说明
因为PRD文档里面如果包含了页面的说明
1:42.260–1:45.040
zh还有包含了程序的设计规范的话
还有包含了程序的设计规范的话
1:45.040–1:48.100
zh那么它是可以直接生成小程序的UI界面的
那么它是可以直接生成小程序的UI界面的
1:48.100–1:51.140
zh那么还有一种你可以使用第三方的深图工具
那么还有一种你可以使用第三方的深图工具
1:51.140–1:53.120
zh直接生成原型的图片
直接生成原型的图片
1:53.120–1:53.680
zh也是可以的
也是可以的
1:53.680–1:54.380
zh比如说我使用
比如说我使用
1:54.380–1:56.140
enChallengept image
Challengept image
1:56.140–1:57.320
zh那生成一个这样
那生成一个这样
1:57.320–1:58.460
zh首页的原型图片
首页的原型图片
1:58.460–1:59.860
zh那么你基于这个图片
那么你基于这个图片
1:59.860–2:01.520
zh去开发这样的小程序界面
去开发这样的小程序界面
2:01.520–2:02.640
zh也是可以的
也是可以的
2:02.640–2:03.860
zh有了这个prd文档
有了这个prd文档
2:03.860–2:04.840
zh那我们就直接到
那我们就直接到
2:04.840–2:05.460
zh第二部
第二部
2:05.460–2:06.460
zh用Deepsyc Harness
用Deepsyc Harness
2:06.460–2:07.400
zh来设计原型
来设计原型
2:07.400–2:09.280
zh我们可以使用这个提示词
我们可以使用这个提示词
2:09.280–2:10.640
zh我可以把它复制过来
我可以把它复制过来
2:10.640–2:12.480
zh然后打开你的Deepsyc Harness
然后打开你的Deepsyc Harness
2:12.480–2:14.640
zh然后创建一个这样的文件夹
然后创建一个这样的文件夹
2:14.640–2:16.500
zh然后选择模式的话
然后选择模式的话
2:16.500–2:17.560
zh这边可以选择标准
这边可以选择标准
2:17.560–2:19.480
zhPTC和创造模式都可以
PTC和创造模式都可以
2:19.480–2:20.940
zh然后这个模型的话
然后这个模型的话
2:20.940–2:22.700
zh你就选择V41 Flash
你就选择V41 Flash
2:22.700–2:24.680
zh然后推理级别的话
然后推理级别的话
2:24.680–2:25.640
zh选择High就行了
选择High就行了
2:25.640–2:26.760
zh不需要开到Max
不需要开到Max
2:26.760–2:28.260
zh直接使用High就行了
直接使用High就行了
2:28.260–2:30.880
zh然后这边工作区修改的话
然后这边工作区修改的话
2:30.880–2:32.140
zh你可以选择完全
你可以选择完全
2:32.140–2:33.700
zh让它拥有最高权限
让它拥有最高权限
2:33.700–2:34.980
zh我们说这样的提示词
我们说这样的提示词
2:34.980–2:37.200
zh就是让它去阅读PRD文档
就是让它去阅读PRD文档
2:37.200–2:38.700
zh了解所有的功能
了解所有的功能
2:38.700–2:41.040
zh让它的页面的风格来参考
让它的页面的风格来参考
2:41.040–2:42.940
zh我们刚刚说的圆形的图片
我们刚刚说的圆形的图片
2:42.940–2:44.520
zh如果你没有也没有关系
如果你没有也没有关系
2:44.520–2:46.040
zh因为我们PRD文档其实是有的
因为我们PRD文档其实是有的
2:46.040–2:48.360
zh有页面的设计规范的
有页面的设计规范的
2:48.360–2:49.680
zh然后再说明小程序
然后再说明小程序
2:49.680–2:51.440
zh所有的界面都使用模拟数据
所有的界面都使用模拟数据
2:51.440–2:52.760
zh不要在界面中写死
不要在界面中写死
2:52.760–2:55.080
zh小程序是有界面和JS的
小程序是有界面和JS的
2:55.080–2:57.160
zh如果你把这个数据写死在界面的话
如果你把这个数据写死在界面的话
2:57.160–2:58.840
zh后面调整是非常麻烦的
后面调整是非常麻烦的
2:58.840–3:00.360
zh直接让他一定要使用模拟数据
直接让他一定要使用模拟数据
3:00.360–3:01.260
zh不要写死的数据
不要写死的数据
3:01.260–3:02.980
zh有了这些关键信息
有了这些关键信息
3:02.980–3:05.460
zh那么你就可以去让他去做这件事情了
那么你就可以去让他去做这件事情了
3:05.460–3:06.820
zh你在做的时候
你在做的时候
3:06.820–3:08.460
zh你不一定说提示词完全一样
你不一定说提示词完全一样
3:08.460–3:09.740
zh你要抓住核心点
你要抓住核心点
3:09.740–3:10.920
zh首先是PRD文档
首先是PRD文档
3:10.920–3:12.840
zhPRD文档告诉AI
PRD文档告诉AI
3:12.840–3:14.660
zh让他知道他要去做什么
让他知道他要去做什么
3:14.660–3:16.340
zh他的功能是什么
他的功能是什么
3:16.340–3:17.320
zh页面是什么
页面是什么
3:17.320–3:19.820
zh然后呢就是让他去使用这个模拟数据
然后呢就是让他去使用这个模拟数据
3:19.820–3:21.420
zh还有就是如果你有图片的话
还有就是如果你有图片的话
3:21.420–3:24.180
zh让他从图片里面抽取这个规范
让他从图片里面抽取这个规范
3:24.180–3:27.300
zh保存到我们的一个规范的设计规范文件里面去
保存到我们的一个规范的设计规范文件里面去
3:27.300–3:29.440
zh那后面后续的这个小程序的开发
那后面后续的这个小程序的开发
3:29.440–3:30.680
zh就可以参考这个规范
就可以参考这个规范
3:30.680–3:32.940
zh那比如说我们现在规范是这种风格的
那比如说我们现在规范是这种风格的
3:32.940–3:35.380
zh那么他提取到这个Design MD之后
那么他提取到这个Design MD之后
3:35.380–3:36.640
zh也是这样的风格的
也是这样的风格的
3:36.640–3:38.440
zh那么对后面后续也没有开发
那么对后面后续也没有开发
3:38.440–3:40.160
zh是有一个这样的参考价值的
是有一个这样的参考价值的
3:40.160–3:43.120
zhOK那我们就发送给DBSC HANIS
OK那我们就发送给DBSC HANIS
3:43.120–3:45.800
zh就是我们一旦设计了图片这种东西
就是我们一旦设计了图片这种东西
3:45.800–3:46.700
zh你输入的东西
你输入的东西
3:46.700–3:48.000
zh如果一旦有图片的话
如果一旦有图片的话
3:48.000–3:50.600
zh那么一定要选择支持图片的模型
那么一定要选择支持图片的模型
3:50.600–3:52.560
zh比如说Deepseek Flash系列
比如说Deepseek Flash系列
3:52.560–3:54.140
zhOK它已经跑完了
OK它已经跑完了
3:54.140–3:57.520
zh那么它花的时间大概是15分钟
那么它花的时间大概是15分钟
3:57.520–3:59.380
zh这边的输入速度将近300
这边的输入速度将近300
3:59.380–4:01.720
zh非常快的缓存命中率是99.6%
非常快的缓存命中率是99.6%
4:01.720–4:02.380
zh非常不错
非常不错
4:02.380–4:05.200
zh那么它帮我们生成的文件里面
那么它帮我们生成的文件里面
4:05.200–4:06.680
zh有一个这样mini program
有一个这样mini program
4:06.680–4:08.080
zh就是小程序的目录
就是小程序的目录
4:08.080–4:09.320
zh那么你用小程序
那么你用小程序
4:09.320–4:10.120
zh开发的工具的时候
开发的工具的时候
4:10.120–4:11.160
zh要打开这个目录
要打开这个目录
4:11.160–4:12.740
zh然后的话我们可以看到
然后的话我们可以看到
4:12.740–4:14.320
zh它因为我们提供了图片
它因为我们提供了图片
4:14.320–4:15.580
zh然后它就帮我们生
然后它就帮我们生
4:15.580–4:18.080
zh从图片里面截出这么多图片
从图片里面截出这么多图片
4:18.080–4:19.820
zh还有比如说像底部导航这些图片
还有比如说像底部导航这些图片
4:19.820–4:22.280
zh也是他帮我们去截出来的
也是他帮我们去截出来的
4:22.280–4:26.600
zh比如说未选中的和已选中的
比如说未选中的和已选中的
4:26.600–4:27.700
zh非常不错
非常不错
4:27.700–4:29.600
zh我们来打开小程序来看一下
我们来打开小程序来看一下
4:29.600–4:30.100
enOK
OK
4:30.100–4:31.160
zh这个就是小程序了
这个就是小程序了
4:31.160–4:32.300
zh现在打开是有问题的
现在打开是有问题的
4:32.300–4:34.460
zh底部菜单是正常的
底部菜单是正常的
4:34.460–4:36.580
zh我们接下来进入第三个阶段
我们接下来进入第三个阶段
4:36.580–4:37.920
zh就是调试我们的小程序
就是调试我们的小程序
4:37.920–4:40.560
zh因为小程序它是哈里斯
因为小程序它是哈里斯
4:40.560–4:42.600
zh没办法去直接访问小程序
没办法去直接访问小程序
4:42.600–4:44.520
zh不然的话它是可以看到
不然的话它是可以看到
4:44.520–4:45.520
zh小程序错误
小程序错误
4:45.520–4:46.920
zh比如说你如果做web
比如说你如果做web
4:46.920–4:48.720
zh或者做iApp的话
或者做iApp的话
4:48.720–4:50.620
zh一般会提供这种模拟的程序
一般会提供这种模拟的程序
4:50.620–4:51.620
zh它可以直接访问
它可以直接访问
4:51.620–4:52.820
zh但是小程序没有
但是小程序没有
4:52.820–4:55.620
zh就是小程序这边没有提供这种能力
就是小程序这边没有提供这种能力
4:55.620–4:58.220
zh我们要让它去解决这样错误的话
我们要让它去解决这样错误的话
4:58.220–5:01.520
zh只能通过截图的方式是最简单的
只能通过截图的方式是最简单的
5:01.520–5:03.820
zh然后直接截个图片复制给它
然后直接截个图片复制给它
5:03.820–5:05.320
zh那去修复这个问题
那去修复这个问题
5:05.320–5:07.620
zh那你也可以打开编辑器
那你也可以打开编辑器
5:07.620–5:09.620
zh这边的话选择编辑器
这边的话选择编辑器
5:09.620–5:10.320
zh调试器
调试器
5:10.320–5:12.020
zh然后这边的这些错误信息
然后这边的这些错误信息
5:12.020–5:15.060
zh你也可以直接复制到这个对话框里面去发给他
你也可以直接复制到这个对话框里面去发给他
5:15.060–5:18.180
zh然后让他去帮我们去调整这样的错误
然后让他去帮我们去调整这样的错误
5:18.180–5:21.860
zh那么我们可以看到小程序里面这边生成界面是非常多的
那么我们可以看到小程序里面这边生成界面是非常多的
5:21.860–5:26.460
zh然后他每一个的格式都是符合我们的这个要求
然后他每一个的格式都是符合我们的这个要求
5:26.460–5:27.660
zh就是有4个这样的文件
就是有4个这样的文件
5:27.660–5:31.300
zh然后他的数据都是在这里没有写死
然后他的数据都是在这里没有写死
5:31.300–5:33.660
zh就是说在这个界面是没有写死数据的
就是说在这个界面是没有写死数据的
5:33.660–5:36.180
zh他都是来自于我们后端的获取
他都是来自于我们后端的获取
5:36.180–5:39.040
zh所以说我们等会去对接后端是非常方便
所以说我们等会去对接后端是非常方便
5:39.040–5:42.240
zh然后我们再看一下它的底部导航这4个
然后我们再看一下它的底部导航这4个
5:42.240–5:44.060
zh那么可以看到首页
那么可以看到首页
5:44.060–5:45.220
zh然后是图片
然后是图片
5:45.220–5:47.320
zh然后是选中的图片
然后是选中的图片
5:47.320–5:48.920
zh它都帮我们解好了
它都帮我们解好了
5:48.920–5:50.080
zh这是非常不错
这是非常不错
5:50.080–5:52.040
zh如果说你没有像我一样
如果说你没有像我一样
5:52.040–5:53.900
zh生成这样的圆形图片的话
生成这样的圆形图片的话
5:53.900–5:57.120
zh你可以从其他的开源的网站去找这种图片
你可以从其他的开源的网站去找这种图片
5:57.120–5:58.840
zh比如像iconfund这样的网站
比如像iconfund这样的网站
5:58.840–6:00.760
zh可以去找两张图片
可以去找两张图片
6:00.760–6:02.680
zh一张是普通的情况下的
一张是普通的情况下的
6:02.680–6:05.300
zh就这种灰色一种是选中的
就这种灰色一种是选中的
6:05.300–6:08.020
zh你选一个符合你自己主题的颜色就可以了
你选一个符合你自己主题的颜色就可以了
6:08.020–6:08.620
zh好的
好的
6:08.620–6:11.180
zh他这边告诉我们已经修复了
他这边告诉我们已经修复了
6:11.180–6:12.580
zh我们再看一下
我们再看一下
6:12.820–6:14.340
zh那么如果你看这边还有错误
那么如果你看这边还有错误
6:14.340–6:16.380
zh你可以点击刷新一下
你可以点击刷新一下
6:16.540–6:17.580
zh那么现在看的话
那么现在看的话
6:17.580–6:19.140
zh这个效果就非常不错的
这个效果就非常不错的
6:19.140–6:20.900
zh我们可以看一下
我们可以看一下
6:21.980–6:23.820
zh这个滚动也是正常的
这个滚动也是正常的
6:23.820–6:25.460
zh然后的话菜单
然后的话菜单
6:26.100–6:28.140
zh商品的商品列表
商品的商品列表
6:28.140–6:29.380
zh我们点击去看一下
我们点击去看一下
6:30.100–6:30.700
enok
ok
6:31.340–6:32.980
zh这个效果做的真的是不错
这个效果做的真的是不错
6:33.580–6:35.380
zh然后我们可以点击加号
然后我们可以点击加号
6:35.380–6:37.060
zh然后的话接到购物车
然后的话接到购物车
6:37.060–6:38.860
zh去购物车里面看一下
去购物车里面看一下
6:38.860–6:40.460
zh非常不错
非常不错
6:40.460–6:41.200
zh点结算
点结算
6:41.200–6:42.480
zh好的
好的
6:42.480–6:43.820
zh然后新增地址
然后新增地址
6:43.820–6:45.260
enOK
OK
6:45.260–6:48.300
zh所以因为我们有了第一张图片
所以因为我们有了第一张图片
6:48.300–6:49.600
zh定义了这种风格
定义了这种风格
6:49.600–6:52.200
zh那么它就会所有的页面都是这种风格
那么它就会所有的页面都是这种风格
6:52.200–6:53.420
zh就这种绿色的这种风格
就这种绿色的这种风格
6:53.420–6:54.460
zh那么提交一下
那么提交一下
6:54.460–6:56.020
zh填一个地址
填一个地址
6:56.020–6:57.620
zh之后成功
之后成功
6:57.620–6:59.200
enOK
OK
6:59.200–7:00.080
zh我们查看订单
我们查看订单
7:00.080–7:01.820
zh好的
好的
7:01.820–7:02.560
zh订单详情
订单详情
7:02.560–7:03.300
zh不错
不错
7:03.300–7:05.840
zh我们再回到我们的个人中心里面去
我们再回到我们的个人中心里面去
7:05.840–7:06.340
zh看一下
看一下
7:06.340–7:08.640
zh这边是全部订单
这边是全部订单
7:08.640–7:11.280
zh付款完成
付款完成
7:11.280–7:13.680
zh大配送的完成了
大配送的完成了
7:13.680–7:15.320
zh不错
不错
7:15.320–7:16.860
zh就除了这些还有这些图标
就除了这些还有这些图标
7:16.860–7:18.040
zh这还有这些图标
这还有这些图标
7:18.040–7:19.920
zh我们可以用刚刚我说的方法
我们可以用刚刚我说的方法
7:19.920–7:21.880
zh去开源的图标网站里面
去开源的图标网站里面
7:21.880–7:22.640
zh把它替换掉
把它替换掉
7:22.640–7:23.820
zh是完全可以
是完全可以
7:23.820–7:26.960
zh基本上一个这样的小程序的商城
基本上一个这样的小程序的商城
7:26.960–7:27.800
zh就做出来了
就做出来了
7:27.800–7:29.340
zh然后我们再检查一下
然后我们再检查一下
7:29.340–7:30.420
zh它缺的界面
它缺的界面
7:30.420–7:32.960
zh比如说它没有登录界面
比如说它没有登录界面
7:32.960–7:33.460
zh对吧
对吧
7:33.460–7:35.600
zh我们现在需要它有登录的界面
我们现在需要它有登录的界面
7:35.600–7:37.000
zh那么你就可以去告诉他
那么你就可以去告诉他
7:37.800–7:40.400
zh那就直接告诉他缺少小程序一键登录界面
那就直接告诉他缺少小程序一键登录界面
7:40.400–7:41.080
zh发送给他
发送给他
7:41.080–7:42.880
zh那他去增加就行了
那他去增加就行了
7:42.880–7:46.040
zh那如果说某一个样式你觉得不对的话
那如果说某一个样式你觉得不对的话
7:46.040–7:48.080
zh那么你就可以使用这种方式
那么你就可以使用这种方式
7:48.360–7:49.040
zh比如说分类
比如说分类
7:49.040–7:50.280
zh我们可以找个界面调整
我们可以找个界面调整
7:51.640–7:56.840
zh比如说我们想让他就可以使用截图
比如说我们想让他就可以使用截图
7:56.840–7:58.480
zh然后通过这种
然后通过这种
7:58.843–8:05.163
zh然後通過這種寬度一個紅色區域,然後截圖,讓它去調整。
然後通過這種寬度一個紅色區域,然後截圖,讓它去調整。
8:05.163–8:07.803
zh那你就可以複製圖片描述。
那你就可以複製圖片描述。
8:07.803–8:10.723
zh那麼你就告訴他,這相當於是一個局部的調整。
那麼你就告訴他,這相當於是一個局部的調整。
8:10.723–8:13.443
zh你就告訴他,紅色寬度的地方,你要調成什麼樣子。
你就告訴他,紅色寬度的地方,你要調成什麼樣子。
8:13.443–8:15.083
zh把这个宽度的地方拉大一点
把这个宽度的地方拉大一点
8:15.443–8:16.683
zh他就会去调整这块去
他就会去调整这块去
8:16.683–8:18.443
zh因为它是个视觉模型
因为它是个视觉模型
8:18.443–8:20.843
zh它是可以读懂你这个宽度的地方在哪里的
它是可以读懂你这个宽度的地方在哪里的
8:21.083–8:23.923
zh那么他这边也是将登录的这个界面做完
那么他这边也是将登录的这个界面做完
8:23.923–8:24.483
zh做完之后
做完之后
8:24.643–8:26.923
zh我们要求他把这个登录的相关功能
我们要求他把这个登录的相关功能
8:26.923–8:28.723
zh更新到我们的prd文档里面
更新到我们的prd文档里面
8:28.883–8:31.083
zh因为这个界面是prd没有的
因为这个界面是prd没有的
8:31.083–8:32.123
zh所以他更新进去
所以他更新进去
8:32.283–8:33.843
zh比如说在这个调试过程中
比如说在这个调试过程中
8:33.843–8:36.283
zh如果你新增的界面改变的流程
如果你新增的界面改变的流程
8:36.403–8:39.003
zh一定要让AI把这些跟变更的东西
一定要让AI把这些跟变更的东西
8:39.003–8:40.283
zh更新到prd文档
更新到prd文档
8:40.443–8:42.203
zh因为我们prd文档是
因为我们prd文档是
8:42.203–8:44.503
zh衔接整个前后端
衔接整个前后端
8:44.503–8:46.883
zh或者说你非常重要的一个参考文件
或者说你非常重要的一个参考文件
8:46.883–8:48.663
zh就不要让它出现
就不要让它出现
8:48.663–8:50.543
zhPID文档跟你的这个界面
PID文档跟你的这个界面
8:50.543–8:52.203
zh完全是没有关系的
完全是没有关系的
8:52.203–8:53.643
zh或者说很多改变它都没有
或者说很多改变它都没有
8:53.643–8:55.143
zh那这样会导致你后面
那这样会导致你后面
8:55.143–8:57.343
zh后面就失去参考的东西了
后面就失去参考的东西了
8:57.343–8:59.263
zh那接下来就是对接后端
那接下来就是对接后端
8:59.263–9:00.743
zh那对接后端这里的话
那对接后端这里的话
9:00.743–9:01.983
zh是有非常多的选择
是有非常多的选择
9:01.983–9:03.043
zh其实非常重要的一个选择
其实非常重要的一个选择
9:03.043–9:04.443
zh就是你选择什么技术站
就是你选择什么技术站
9:04.443–9:06.563
zh来实现这个后端的功能
来实现这个后端的功能
9:06.563–9:07.783
zh如果你是一个
如果你是一个
9:07.783–9:08.963
zh没有任何技术经验的话
没有任何技术经验的话
9:08.963–9:10.443
zh那么你就使用Cloudbase
那么你就使用Cloudbase
9:10.443–9:12.143
zh就腾讯出的这个云开发
就腾讯出的这个云开发
9:12.143–9:14.983
zh那么它是对非技术人员非常友好的
那么它是对非技术人员非常友好的
9:14.983–9:16.243
zh然后的话我们第一步
然后的话我们第一步
9:16.243–9:18.023
zh我们先装一个技能
我们先装一个技能
9:18.023–9:18.823
zh叫March Skills
叫March Skills
9:18.823–9:20.783
zh为什么要装这个技能呢
为什么要装这个技能呢
9:20.783–9:22.143
zh这个技能可以帮我们
这个技能可以帮我们
9:22.143–9:23.843
zh进一步的梳理我们的需求
进一步的梳理我们的需求
9:23.843–9:25.723
zh生成一个标准的规格文档
生成一个标准的规格文档
9:25.723–9:28.903
zh后面我们会基于规格文档
后面我们会基于规格文档
9:28.903–9:30.823
zh一次性把所有的后端都替换完成
一次性把所有的后端都替换完成
9:30.823–9:32.243
zh但是这有个前提
但是这有个前提
9:32.243–9:35.683
zh如果你现在做了小程序的功能非常复杂
如果你现在做了小程序的功能非常复杂
9:35.683–9:38.163
zh你的页面速度超过10个或20个的话
你的页面速度超过10个或20个的话
9:38.163–9:39.683
zh不建议一次性生成
不建议一次性生成
9:39.683–9:42.263
zh如果你的界面数都在十来个左右
如果你的界面数都在十来个左右
9:42.263–9:44.123
zh功能也不是那么复杂
功能也不是那么复杂
9:44.123–9:46.643
zh那么非常建议你可以使用这个技能
那么非常建议你可以使用这个技能
9:46.643–9:49.983
zh让他帮你梳理出来一个详细的对接文档
让他帮你梳理出来一个详细的对接文档
9:49.983–9:54.803
zh来后面我们可以一次性给他全部根据这个对接文档去实现
来后面我们可以一次性给他全部根据这个对接文档去实现
9:54.803–9:56.903
zh那么如果你的需求比较复杂
那么如果你的需求比较复杂
9:56.903–10:00.043
zh那么你也可以用这个技能开成不同的块
那么你也可以用这个技能开成不同的块
10:00.043–10:02.603
zh然后把不同的块再去分别去实现
然后把不同的块再去分别去实现
10:02.603–10:05.483
zh所以我们这个安装这个技能是非常重要的
所以我们这个安装这个技能是非常重要的
10:05.483–10:07.523
zh那么你可以执行这个命令来安装技能
那么你可以执行这个命令来安装技能
10:07.523–10:09.123
zh那我们输入这个命令
那我们输入这个命令
10:09.123–10:11.683
zh这个意思就是你要选择什么样的技能
这个意思就是你要选择什么样的技能
10:11.923–10:13.083
zh我们如果图方便
我们如果图方便
10:13.083–10:14.083
zh你就选择slack
你就选择slack
10:14.083–10:15.283
zh就全部
就全部
10:15.283–10:17.203
zh那么你也可以选择就是这个
那么你也可以选择就是这个
10:17.203–10:18.763
zh这些都是常用的
这些都是常用的
10:19.123–10:20.323
zh可以往下拉一下
可以往下拉一下
10:20.323–10:22.563
zh然后还有一些可能是不是那么
然后还有一些可能是不是那么
10:22.803–10:23.923
zh就是不是技术
就是不是技术
10:24.123–10:25.163
zh不是开发的时候用的
不是开发的时候用的
10:25.163–10:26.563
zh可能是在其他地方用的
可能是在其他地方用的
10:26.883–10:27.843
zh那么可以选择
那么可以选择
10:28.123–10:29.083
zh那么确认
那么确认
10:29.763–10:30.683
zh再确认
再确认
10:31.283–10:32.643
zh然后我们选择全局
然后我们选择全局
10:32.643–10:34.483
zh因为我们在很多地方用的
因为我们在很多地方用的
10:34.643–10:35.283
zh然后再确认
然后再确认
10:35.283–10:35.803
enOK
OK
10:36.443–10:36.943
zh好
好
10:36.943–10:39.303
zh这样的话就是我们的技能就完成了
这样的话就是我们的技能就完成了
10:39.303–10:41.303
zh我们再回到我们的Dubc Hines
我们再回到我们的Dubc Hines
10:41.603–10:44.003
zh然后我们要完成技能的初始化
然后我们要完成技能的初始化
10:44.403–10:46.003
zh你就可以打开一个新的对话
你就可以打开一个新的对话
10:46.003–10:48.803
zh因为跟我们当前的对话是没有关系的
因为跟我们当前的对话是没有关系的
10:49.203–10:51.003
zh然后选择完全权限
然后选择完全权限
10:51.503–10:52.803
zh然后选择setup
然后选择setup
10:53.103–10:55.803
zh也就是说我们要给技能进行一个初始化
也就是说我们要给技能进行一个初始化
10:55.903–10:57.803
zh他会去读我们的项目的文件
他会去读我们的项目的文件
10:57.803–10:59.903
zh然后配置一些东西
然后配置一些东西
10:59.903–11:01.403
zh然后方便我们后面用技能
然后方便我们后面用技能
11:01.403–11:02.403
zh因为更加顺畅一点
因为更加顺畅一点
11:02.803–11:03.703
zh什么都不用说
什么都不用说
11:03.703–11:05.303
zh直接执行技能
直接执行技能
11:05.303–11:06.963
zh第一步他就会问你
第一步他就会问你
11:06.963–11:07.783
zh他怎么去保存
他怎么去保存
11:07.783–11:09.183
zh就是他的一个
就是他的一个
11:09.183–11:11.403
zh相应我们一个任务的保存地方
相应我们一个任务的保存地方
11:11.403–11:13.803
zh我选择本地第一项
我选择本地第一项
11:13.803–11:14.863
zh好
好
11:14.863–11:16.563
zh这些也是点击推荐就行了
这些也是点击推荐就行了
11:16.563–11:18.783
zh这个文件我们用agentsmd
这个文件我们用agentsmd
11:18.783–11:19.703
enOK
OK
11:19.703–11:21.563
zh好保存好了
好保存好了
11:21.563–11:25.283
zh我们再回到我们的刚刚的对话里面
我们再回到我们的刚刚的对话里面
11:25.283–11:28.003
zh因为这个其实是跟我们的生成是没关系的
因为这个其实是跟我们的生成是没关系的
11:28.003–11:30.203
zh我们再回到这个对话里面去
我们再回到这个对话里面去
11:30.203–11:31.223
zh我们使用这个技能
我们使用这个技能
11:31.223–11:32.903
zh然后接下来就我们要用这个技能
然后接下来就我们要用这个技能
11:32.903–11:34.423
zh去理清楚我们后段的逻辑
去理清楚我们后段的逻辑
11:34.423–11:36.843
zh这个技能它会向你提很多问题
这个技能它会向你提很多问题
11:36.843–11:38.183
zh如果我们一开始
如果我们一开始
11:38.183–11:39.703
zh没有任何的需求文档
没有任何的需求文档
11:39.703–11:40.503
zh去用这个技能的话
去用这个技能的话
11:40.503–11:41.623
zh它提的问题会非常多
它提的问题会非常多
11:41.623–11:44.183
zh所以我们一定是有PRD文档
所以我们一定是有PRD文档
11:44.183–11:46.323
zh相当于它有背景的信息
相当于它有背景的信息
11:46.323–11:48.283
zh它就会使用AI的方式
它就会使用AI的方式
11:48.283–11:49.283
zh去阅读这个文档
去阅读这个文档
11:49.283–11:52.283
zh然后看一下AI有什么不懂的
然后看一下AI有什么不懂的
11:52.283–11:52.923
zh再问我们
再问我们
11:52.923–11:53.903
zh我们再去回答
我们再去回答
11:53.903–11:55.883
zh我们用这个技能来理清楚需求
我们用这个技能来理清楚需求
11:55.883–11:57.603
zh然后生成文档
然后生成文档
11:57.603–11:58.963
zh我们选择这个
我们选择这个
11:58.963–11:59.783
enGrui
Grui
11:59.783–12:01.123
enWidth
Width
12:01.123–12:03.063
zh可以看到
可以看到
12:03.063–12:05.783
zh首先是让他去阅读PID文档
首先是让他去阅读PID文档
12:05.783–12:07.683
zh其次就是我们的任务
其次就是我们的任务
12:07.683–12:09.183
zh是让他去将小程序的界面
是让他去将小程序的界面
12:09.183–12:10.363
zh对接真实的后端
对接真实的后端
12:10.363–12:12.763
zh然后这边技术站选择
然后这边技术站选择
12:12.763–12:14.123
zh就是你在这里一定要告诉他
就是你在这里一定要告诉他
12:14.123–12:15.003
zh你选择什么的技术站
你选择什么的技术站
12:15.003–12:16.883
zh目前我们只有纯前端
目前我们只有纯前端
12:16.883–12:18.283
zh是没有任何技术站
是没有任何技术站
12:18.283–12:18.963
zh这边技术站的话
这边技术站的话
12:18.963–12:19.463
zh你可以选择
你可以选择
12:19.463–12:20.683
zh比如说你自己熟悉的语言
比如说你自己熟悉的语言
12:20.683–12:22.223
zh你如果不懂技术的话
你如果不懂技术的话
12:22.223–12:24.103
zh你就选择Cloud Base
你就选择Cloud Base
12:24.103–12:25.163
zh然后的话数据库
然后的话数据库
12:25.163–12:26.983
zh使用MySoco告诉他账号名买
使用MySoco告诉他账号名买
12:26.983–12:28.843
zh因为他要去创建这辆数据库
因为他要去创建这辆数据库
12:28.843–12:30.103
zh然后告诉他数据库的名称
然后告诉他数据库的名称
12:30.103–12:32.363
zh我们就可以发送给他了
我们就可以发送给他了
12:32.363–12:35.163
zh那接下来他就会阅读你这个PRD文档
那接下来他就会阅读你这个PRD文档
12:35.163–12:37.183
zh那阅读你的小程序界面
那阅读你的小程序界面
12:37.183–12:39.263
zh然后呢来向你提问
然后呢来向你提问
12:39.263–12:41.323
zh所有问题都回答完之后呢
所有问题都回答完之后呢
12:41.323–12:43.063
zh我们就再用它来生成
我们就再用它来生成
12:43.063–12:44.923
zh我们最终落地的一个文档
我们最终落地的一个文档
12:44.923–12:47.323
zh那那个文档是最最重要的一个文档
那那个文档是最最重要的一个文档
12:47.323–12:48.803
zh所有的问题都问完了
所有的问题都问完了
12:48.803–12:50.963
zh那么在其实在询问的过程中啊
那么在其实在询问的过程中啊
12:50.963–12:53.823
zh他经常会有每个问题旁边有个推荐两个字
他经常会有每个问题旁边有个推荐两个字
12:53.823–12:55.383
zh如果你自己搞不懂
如果你自己搞不懂
12:55.383–12:57.703
zh或者说你不知道应该选择哪个的话
或者说你不知道应该选择哪个的话
12:57.703–12:58.723
zh你推荐那一下就行了
你推荐那一下就行了
12:58.723–13:00.083
zh如果你能搞得懂
如果你能搞得懂
13:00.083–13:02.763
zh那么就按照你的理解去选择具体的项
那么就按照你的理解去选择具体的项
13:02.763–13:05.003
zh每一个选项都会引发
每一个选项都会引发
13:05.003–13:07.183
zh就是可能连续的问题都是不一样的
就是可能连续的问题都是不一样的
13:07.183–13:10.563
zh所以说你就按照真实的你的理解来选择
所以说你就按照真实的你的理解来选择
13:10.563–13:11.723
zh所有的问题问完之后
所有的问题问完之后
13:11.723–13:14.503
zh它会提示你要生成一个spack这样的文档
它会提示你要生成一个spack这样的文档
13:14.503–13:15.823
zh这个文档的话
这个文档的话
13:15.823–13:19.223
zh就是后续用来执行代码生成的一个很重要的参考
就是后续用来执行代码生成的一个很重要的参考
13:19.223–13:20.543
zh那么你就让它确认
那么你就让它确认
13:20.543–13:22.703
zh直接让它先写这个spack文档
直接让它先写这个spack文档
13:22.703–13:25.803
zh因为我们需要去看一眼这个spack里面的内容
因为我们需要去看一眼这个spack里面的内容
13:25.803–13:28.963
zh那这里面的内容应该会包含它需要做什么
那这里面的内容应该会包含它需要做什么
13:28.963–13:30.703
zh然后他需要怎么去验收
然后他需要怎么去验收
13:30.703–13:33.463
zh这个就是我们要的最终的一个东西
这个就是我们要的最终的一个东西
13:33.463–13:35.063
zhOK他生成了一滴的文档
OK他生成了一滴的文档
13:35.063–13:37.303
zh首先我们来看一下他具体生成什么东西
首先我们来看一下他具体生成什么东西
13:37.303–13:39.243
zh首先他生成了一个spec文档
首先他生成了一个spec文档
13:39.243–13:43.803
zh然后生成了不同的功能模块的一个文档
然后生成了不同的功能模块的一个文档
13:43.803–13:45.043
zh那这样就非常好了
那这样就非常好了
13:45.043–13:46.383
zh相当于有一个总的文档
相当于有一个总的文档
13:46.383–13:49.763
zh然后再分为了非常细节的一个子模块的文档
然后再分为了非常细节的一个子模块的文档
13:49.763–13:52.063
zh我们可以看一下文档里面都有什么
我们可以看一下文档里面都有什么
13:52.063–13:53.823
zh我们先看一下这个总的spec文档
我们先看一下这个总的spec文档
13:53.823–13:57.083
zh那这个就是真实的一个后端对接的需求了
那这个就是真实的一个后端对接的需求了
13:57.083–13:58.663
zh然后你的背景是什么
然后你的背景是什么
13:58.663–13:59.323
zh目标什么
目标什么
13:59.323–14:00.283
zh非目标是什么
非目标是什么
14:00.283–14:01.443
zh然后的话
然后的话
14:01.443–14:02.343
zh这个技术站是什么
这个技术站是什么
14:02.343–14:02.983
zh还有模型
还有模型
14:02.983–14:03.603
zh数据模型
数据模型
14:03.603–14:05.263
zh以及最重要就是
以及最重要就是
14:05.263–14:08.563
zh它关联的这个子模块的公单
它关联的这个子模块的公单
14:08.563–14:09.783
zh它在这个叫公单
它在这个叫公单
14:09.783–14:11.603
zh其实就是我们要它做的内容
其实就是我们要它做的内容
14:11.603–14:12.903
zh描述的文档
描述的文档
14:12.903–14:13.863
zh这边的话
这边的话
14:13.863–14:14.963
zh它都是包括了
它都是包括了
14:14.963–14:15.603
zh我们可以看一下
我们可以看一下
14:15.603–14:16.803
zh随便找一个看一下
随便找一个看一下
14:16.803–14:17.703
zh我们可以看一下
我们可以看一下
14:17.703–14:18.203
zh创新订单
创新订单
14:18.203–14:19.563
zh那目标是什么
那目标是什么
14:19.563–14:20.843
zh接口是什么
接口是什么
14:20.843–14:21.903
zh然后的话验收
然后的话验收
14:21.903–14:22.423
zh看到没有
看到没有
14:22.423–14:25.343
zh每一个文档都是包含了验收的
每一个文档都是包含了验收的
14:25.343–14:27.503
zh就是怎么样才算成功验收
就是怎么样才算成功验收
14:27.503–14:29.463
zh那么有了这些玩长之后
那么有了这些玩长之后
14:29.463–14:30.623
zh你接下来就可以用
你接下来就可以用
14:30.623–14:32.023
zhDeep Seek Harness里面
Deep Seek Harness里面
14:32.023–14:32.863
zh非常一个重要的功能
非常一个重要的功能
14:32.863–14:33.363
zh就是目标
就是目标
14:34.325–14:35.845
zh就这个目标
就这个目标
14:35.845–14:39.225
zh也就是我们可以让它基于这些文档
也就是我们可以让它基于这些文档
14:39.225–14:41.485
zh然后去执行一个长任务
然后去执行一个长任务
14:41.485–14:42.785
zh一直开发
一直开发
14:42.785–14:44.285
zh然后呢
然后呢
14:44.285–14:46.225
zh每一个任务完成之后
每一个任务完成之后
14:46.225–14:48.685
zh它都会根据每一个文档里面去做验收
它都会根据每一个文档里面去做验收
14:48.685–14:51.525
zh所有文档验收成功了
所有文档验收成功了
14:51.525–14:54.245
zh那么就告诉我们这个任务就完成了
那么就告诉我们这个任务就完成了
14:54.245–14:55.345
zh那这个就是目标模式
那这个就是目标模式
14:55.345–14:58.965
zh所以我们不需要自己去写这个验收的条件是什么
所以我们不需要自己去写这个验收的条件是什么
14:58.965–15:02.405
zh只要把这个文档丢给这个目标模式
只要把这个文档丢给这个目标模式
15:02.405–15:04.425
zh让它去循环去执行就行了
让它去循环去执行就行了
15:04.425–15:07.865
zhOK我们可以新建一个对话
OK我们可以新建一个对话
15:07.865–15:10.405
zh因为其实它所有的文档都已经创建好了
因为其实它所有的文档都已经创建好了
15:10.405–15:13.065
zh它不需要依赖于之前你的上下文
它不需要依赖于之前你的上下文
15:13.065–15:14.205
zh你可以新建一个文档
你可以新建一个文档
15:14.205–15:15.205
zh新建一个对话
新建一个对话
15:15.205–15:17.105
zh那这样上下文就能节省非常多
那这样上下文就能节省非常多
15:17.105–15:18.465
zhToken也会节省
Token也会节省
15:18.465–15:21.865
zh那一样的把这个模式开到这个完全模式
那一样的把这个模式开到这个完全模式
15:21.865–15:23.885
zh然后在这边点击加号
然后在这边点击加号
15:23.885–15:24.945
zh选择go
选择go
15:24.945–15:27.865
zh然后选择目标模式之后
然后选择目标模式之后
15:27.865–15:30.965
zh让它阅读spec文档和它全部的这个issues文档
让它阅读spec文档和它全部的这个issues文档
15:30.965–15:32.925
zh然后完成所有的功能开发和验收
然后完成所有的功能开发和验收
15:32.925–15:33.505
zh就可以了
就可以了
15:33.505–15:37.125
zh那么它这边就会去开启这样的目标
那么它这边就会去开启这样的目标
15:37.125–15:39.505
zh然后去读取这个文件和下面的这个 issues
然后去读取这个文件和下面的这个 issues
15:39.505–15:41.065
zh那一个一个去执行
那一个一个去执行
15:41.065–15:42.085
zh然后一个个去验收
然后一个个去验收
15:42.085–15:44.925
zh所以整个过程是非常的顺畅的
所以整个过程是非常的顺畅的
15:44.925–15:47.105
zh我们在这下面也可以看到
我们在这下面也可以看到
15:47.105–15:49.805
zh它这里显示进行中的目标
它这里显示进行中的目标
15:49.805–15:52.225
zh然后你这边可以去点击这个暂停
然后你这边可以去点击这个暂停
15:52.225–15:53.225
zh点击暂停之后
点击暂停之后
15:53.225–15:54.605
zh你可以去重新开启
你可以去重新开启
15:54.605–15:55.585
zh那这边的话
那这边的话
15:55.585–15:57.325
zh它是会基于当前的进度
它是会基于当前的进度
15:57.325–15:59.225
zh然后又开始去执行任务
然后又开始去执行任务
15:59.225–16:01.805
zh所以到这个时候
所以到这个时候
16:01.805–16:03.065
zh你就可以去做自己的事情了
你就可以去做自己的事情了
16:03.065–16:04.525
zh反正让他去一直去跑就行了
反正让他去一直去跑就行了
16:04.525–16:05.365
zh跑完之后
跑完之后
16:05.365–16:07.165
zh你去做一个验收就OK了
你去做一个验收就OK了
16:07.165–16:09.125
zh非常适合在这种
非常适合在这种
16:09.125–16:10.765
zh比如说错峰的时候
比如说错峰的时候
16:10.765–16:12.565
zh你睡觉之前
你睡觉之前
16:12.565–16:13.505
zh或者说你睡觉之前
或者说你睡觉之前
16:13.505–16:14.525
zh布置一个任务
布置一个任务
16:14.525–16:15.565
zh让他去一直去跑
让他去一直去跑
16:15.565–16:17.705
zh但是我们在使用目标模式的时候
但是我们在使用目标模式的时候
16:17.705–16:20.085
zh一定要记得有验收的条件
一定要记得有验收的条件
16:20.085–16:21.645
zh不然他跑完之后
不然他跑完之后
16:21.645–16:23.545
zh可能都不是你想要的
可能都不是你想要的
16:23.545–16:25.065
zh这个验收条件是很重要的
这个验收条件是很重要的
16:25.065–16:26.505
zh不管是你使用第三方的技能
不管是你使用第三方的技能
16:26.505–16:27.745
zh还是自己去写
还是自己去写
16:27.745–16:28.865
zh都一定要加上去
都一定要加上去
16:28.865–16:31.505
zh那我们可以看到在执行这个目标模式的时候
那我们可以看到在执行这个目标模式的时候
16:31.505–16:33.705
zh这边呢开启了6个这样的子带里
这边呢开启了6个这样的子带里
16:34.465–16:36.345
zh那不同子带里负责不同的任务
那不同子带里负责不同的任务
16:36.345–16:37.865
zh那这边的话也是有一个后台
那这边的话也是有一个后台
16:37.865–16:38.825
zh正在运行的这个
正在运行的这个
16:39.145–16:40.545
zh他会启动一个这样的脚本
他会启动一个这样的脚本
16:40.945–16:42.385
zh那这边会一直去运行
那这边会一直去运行
16:42.625–16:43.665
zh那他运行完之后
那他运行完之后
16:43.665–16:45.585
zh他自己会去做单元测试
他自己会去做单元测试
16:45.585–16:46.865
zh完成基本的测试之后
完成基本的测试之后
16:46.865–16:47.785
zh你就可以去启动
你就可以去启动
16:48.065–16:50.625
zh结合小程序的前端来完成一个连条测试了
结合小程序的前端来完成一个连条测试了
16:50.905–16:51.865
zh那如果有什么问题的话
那如果有什么问题的话
16:51.865–16:53.825
zh还是用刚刚教你的办法
还是用刚刚教你的办法
16:53.825–16:55.345
zh通过截图或者复制
通过截图或者复制
16:55.785–16:56.705
zh错误的方式
错误的方式
16:56.705–16:59.225
zh然后让Depsy去修复这样的问题
然后让Depsy去修复这样的问题
16:59.225–17:01.385
zh所以我们在整个过程体验上来说
所以我们在整个过程体验上来说
17:01.385–17:02.385
zh其实是非常简单
其实是非常简单
17:02.385–17:03.885
zh现在你要去开发一个小程序
现在你要去开发一个小程序
17:03.885–17:05.365
zh其实流程是很简单的
其实流程是很简单的
17:05.365–17:06.945
zh把需求搞懂
把需求搞懂
17:06.945–17:08.625
zh把设计的原型先做出来
把设计的原型先做出来
17:08.625–17:09.745
zh然后把原型调好
然后把原型调好
17:09.745–17:11.185
zh然后就去对接一个后端
然后就去对接一个后端
17:11.185–17:12.985
zh然后你可以选择更简单的
然后你可以选择更简单的
17:12.985–17:14.785
zh像Cloudbase这样的原端数据库
像Cloudbase这样的原端数据库
17:14.785–17:16.845
zh那么整个实验起来
那么整个实验起来
17:16.845–17:19.165
zh会比现在用Python这种方式会简单非常多
会比现在用Python这种方式会简单非常多
17:19.165–17:22.245
zh你只要在刚刚我们这个环节里面
你只要在刚刚我们这个环节里面
17:22.245–17:23.885
zh去问你问题的时候
去问你问题的时候
17:23.885–17:25.305
zh把技术站告诉他
把技术站告诉他
17:25.305–17:26.405
zh比如说你要使用Cloudbase
比如说你要使用Cloudbase
17:26.405–17:29.285
zh那么他就会使用Colorbase相关的技术来帮你实现这个后端
那么他就会使用Colorbase相关的技术来帮你实现这个后端
17:29.285–17:30.365
zh那么视频就到这
那么视频就到这
17:30.365–17:32.405
zh希望这个视频对你了解DBSIC Hines
希望这个视频对你了解DBSIC Hines
17:32.405–17:34.000
zh以及小程序的开发有所帮助
以及小程序的开发有所帮助
尚未產生學習筆記
請在 Telegram 指令最後加上「學習」,例如:videonote 網址 英文 雙語 學習