start	end	text
0	5000	大家好,最近一直在體驗Deepseek先出4.1Flash模型,速度非常快。
5000	8000	搭配Deepseek HANIS效果也非常好。
8000	15000	就在錄一期使用Deepseek HANIS加Deepseek V4.1Flash,從0到1開發小程序的保姆級教程。
15000	21000	教程里面會告訴你怎麼從需求到最終完整的實現的詳細過程。
21000	25000	如果你現在想開發小程序,而且想使用Deepseek HANIS,你可以來看一下這個視頻。
25000	27920	首先使用DBC和Hannis这些工具之前
27920	30740	一定要先确认你本次开发的一个需求
30740	33080	比如说你现在做一个什么样的小程序
33080	34940	一定是有一个这样的需求文档
34940	37740	需求文档包括了你产品的功能
37740	39840	你产品包含了哪些页面
39840	45000	最好还包括你产品的页面的视觉规范
45000	46120	这样是最好的
46120	48120	这个文档你可以自己写
48120	51160	也可以让AI来辅助帮你去编写
51160	52780	接下来就是设计原型
52780	54660	很多人认为有了需求之后
54660	55900	是不是直接让AI开干
55900	57640	直接把这个系统就可以做出来了
57640	58800	那我的建议是
58800	60720	一定要先把这个圆形做出来
60720	62960	当然如果你的需求是脚本
62960	64560	跟这些界面没有关系的
64560	65800	那么你可以直接去开干
65800	68100	但是如果有跟界面有关系
68100	69320	不管是做APP
69320	70300	做小程序
70300	71360	还是做网页
71360	73120	一定要先把这个圆形
73120	75320	没有任何数据交互的
75320	77120	跟后端没有交互的这种东西
77120	77780	要先做出来
77780	78900	那做圆形的话
78900	80100	有以下这种办法
80100	80860	第一种是
80860	83140	你如果有专业的UI设计经验
83140	86320	那么非常建议你使用专业的工具来设计
86320	86980	比如像Figma
86980	91300	这一类工具其实已经支持AI的辅助了
91300	92800	所以你可以借助AI的辅助
92800	95360	到Figma设计加快
95360	98620	还有一种就是你可以直接基于我们的PRD文档
98620	102260	因为PRD文档里面如果包含了页面的说明
102260	105040	还有包含了程序的设计规范的话
105040	108100	那么它是可以直接生成小程序的UI界面的
108100	111140	那么还有一种你可以使用第三方的深图工具
111140	113120	直接生成原型的图片
113120	113680	也是可以的
113680	114380	比如说我使用
114380	116140	Challengept image
116140	117320	那生成一个这样
117320	118460	首页的原型图片
118460	119860	那么你基于这个图片
119860	121520	去开发这样的小程序界面
121520	122640	也是可以的
122640	123860	有了这个prd文档
123860	124840	那我们就直接到
124840	125460	第二部
125460	126340	用Deepsyc Harness
126340	127400	来设计原型
127400	129280	我们可以使用这个提示词
129280	130640	我可以把它复制过来
130640	132480	然后打开你的Deepsyc Harness
132480	134640	然后创建一个这样的文件夹
134640	136500	然后选择模式的话
136500	137560	这边可以选择标准
137560	139480	PTC和创造模式都可以
139480	140940	然后这个模型的话
140940	142700	你就选择V41 Flash
142700	144680	然后推理级别的话
144680	145640	选择High就行了
145640	146760	不需要开到Max
146760	148260	直接使用High就行了
148260	150880	然后这边工作区修改的话
150880	152140	你可以选择完全
152140	153700	让它拥有最高权限
153700	154980	我们说这样的提示词
154980	157200	就是让它去阅读PRD文档
157200	158700	了解所有的功能
158700	161040	让它的页面的风格来参考
161040	162940	我们刚刚说的圆形的图片
162940	164520	如果你没有也没有关系
164520	166040	因为我们PRD文档其实是有的
166040	168360	有页面的设计规范的
168360	169680	然后再说明小程序
169680	171440	所有的界面都使用模拟数据
171440	172760	不要在界面中写死
172760	175080	小程序是有界面和JS的
175080	177160	如果你把这个数据写死在界面的话
177160	178840	后面调整是非常麻烦的
178840	180360	直接让他一定要使用模拟数据
180360	181260	不要写死的数据
181260	182980	有了这些关键信息
182980	185460	那么你就可以去让他去做这件事情了
185460	186820	你在做的时候
186820	188460	你不一定说提示词完全一样
188460	189740	你要抓住核心点
189740	190920	首先是PRD文档
190920	192840	PRD文档告诉AI
192840	194660	让他知道他要去做什么
194660	196340	他的功能是什么
196340	197320	页面是什么
197320	199820	然后呢就是让他去使用这个模拟数据
199820	201420	还有就是如果你有图片的话
201420	204180	让他从图片里面抽取这个规范
204180	207300	保存到我们的一个规范的设计规范文件里面去
207300	209440	那后面后续的这个小程序的开发
209440	210680	就可以参考这个规范
210680	212940	那比如说我们现在规范是这种风格的
212940	215380	那么他提取到这个Design MD之后
215380	216640	也是这样的风格的
216640	218440	那么对后面后续也没有开发
218440	220160	是有一个这样的参考价值的
220160	223120	OK那我们就发送给DBSC HANIS
223120	225800	就是我们一旦设计了图片这种东西
225800	226700	你输入的东西
226700	228000	如果一旦有图片的话
228000	230600	那么一定要选择支持图片的模型
230600	232560	比如说Deepseek Flash系列
232560	234140	OK它已经跑完了
234140	237520	那么它花的时间大概是15分钟
237520	239380	这边的输入速度将近300
239380	241720	非常快的缓存命中率是99.6%
241720	242380	非常不错
242380	245200	那么它帮我们生成的文件里面
245200	246680	有一个这样mini program
246680	248080	就是小程序的目录
248080	249320	那么你用小程序
249320	250120	开发的工具的时候
250120	251160	要打开这个目录
251160	252740	然后的话我们可以看到
252740	254320	它因为我们提供了图片
254320	255580	然后它就帮我们生
255580	258080	从图片里面截出这么多图片
258080	259820	还有比如说像底部导航这些图片
259820	262280	也是他帮我们去截出来的
262280	266600	比如说未选中的和已选中的
266600	267700	非常不错
267700	269600	我们来打开小程序来看一下
269600	269980	OK
269980	271160	这个就是小程序了
271160	272300	现在打开是有问题的
272300	274460	底部菜单是正常的
274460	276580	我们接下来进入第三个阶段
276580	277920	就是调试我们的小程序
277920	280560	因为小程序它是哈里斯
280560	282600	没办法去直接访问小程序
282600	284520	不然的话它是可以看到
284520	285520	小程序错误
285520	286920	比如说你如果做web
286920	288720	或者做iApp的话
288720	290620	一般会提供这种模拟的程序
290620	291620	它可以直接访问
291620	292820	但是小程序没有
292820	295620	就是小程序这边没有提供这种能力
295620	298220	我们要让它去解决这样错误的话
298220	301520	只能通过截图的方式是最简单的
301520	303820	然后直接截个图片复制给它
303820	305320	那去修复这个问题
305320	307620	那你也可以打开编辑器
307620	309620	这边的话选择编辑器
309620	310320	调试器
310320	312020	然后这边的这些错误信息
312020	315060	你也可以直接复制到这个对话框里面去发给他
315060	318180	然后让他去帮我们去调整这样的错误
318180	321860	那么我们可以看到小程序里面这边生成界面是非常多的
321860	326460	然后他每一个的格式都是符合我们的这个要求
326460	327660	就是有4个这样的文件
327660	331300	然后他的数据都是在这里没有写死
331300	333660	就是说在这个界面是没有写死数据的
333660	336180	他都是来自于我们后端的获取
336180	339040	所以说我们等会去对接后端是非常方便
339040	342240	然后我们再看一下它的底部导航这4个
342240	344060	那么可以看到首页
344060	345220	然后是图片
345220	347320	然后是选中的图片
347320	348920	它都帮我们解好了
348920	350080	这是非常不错
350080	352040	如果说你没有像我一样
352040	353900	生成这样的圆形图片的话
353900	357120	你可以从其他的开源的网站去找这种图片
357120	358840	比如像iconfund这样的网站
358840	360760	可以去找两张图片
360760	362680	一张是普通的情况下的
362680	365300	就这种灰色一种是选中的
365300	368020	你选一个符合你自己主题的颜色就可以了
368020	368620	好的
368620	371180	他这边告诉我们已经修复了
371180	372580	我们再看一下
372820	374340	那么如果你看这边还有错误
374340	376380	你可以点击刷新一下
376540	377580	那么现在看的话
377580	379140	这个效果就非常不错的
379140	380900	我们可以看一下
381980	383820	这个滚动也是正常的
383820	385460	然后的话菜单
386100	388140	商品的商品列表
388140	389380	我们点击去看一下
390100	390700	ok
391340	392980	这个效果做的真的是不错
393580	395380	然后我们可以点击加号
395380	397060	然后的话接到购物车
397060	398860	去购物车里面看一下
398860	400460	非常不错
400460	401200	点结算
401200	402480	好的
402480	403820	然后新增地址
403820	405260	OK
405260	408300	所以因为我们有了第一张图片
408300	409600	定义了这种风格
409600	412200	那么它就会所有的页面都是这种风格
412200	413420	就这种绿色的这种风格
413420	414460	那么提交一下
414460	416020	填一个地址
416020	417620	之后成功
417620	419200	OK
419200	420080	我们查看订单
420080	421820	好的
421820	422560	订单详情
422560	423300	不错
423300	425840	我们再回到我们的个人中心里面去
425840	426240	看一下
426240	428640	这边是全部订单
428640	431280	付款完成
431280	433680	大配送的完成了
433680	435320	不错
435320	436860	就除了这些还有这些图标
436860	438040	这还有这些图标
438040	439920	我们可以用刚刚我说的方法
439920	441880	去开源的图标网站里面
441880	442640	把它替换掉
442640	443820	是完全可以
443820	446960	基本上一个这样的小程序的商城
446960	447800	就做出来了
447800	449340	然后我们再检查一下
449340	450420	它缺的界面
450420	452960	比如说它没有登录界面
452960	453240	对吧
453240	455600	我们现在需要它有登录的界面
455600	457000	那么你就可以去告诉他
457800	460400	那就直接告诉他缺少小程序一键登录界面
460400	461080	发送给他
461080	462880	那他去增加就行了
462880	466040	那如果说某一个样式你觉得不对的话
466040	468080	那么你就可以使用这种方式
468360	469040	比如说分类
469040	470280	我们可以找个界面调整
471640	476840	比如说我们想让他就可以使用截图
476840	478480	然后通过这种
478843	485163	然後通過這種寬度一個紅色區域,然後截圖,讓它去調整。
485163	487803	那你就可以複製圖片描述。
487803	490723	那麼你就告訴他,這相當於是一個局部的調整。
490723	493443	你就告訴他,紅色寬度的地方,你要調成什麼樣子。
493443	495083	把这个宽度的地方拉大一点
495443	496683	他就会去调整这块去
496683	498443	因为它是个视觉模型
498443	500843	它是可以读懂你这个宽度的地方在哪里的
501083	503923	那么他这边也是将登录的这个界面做完
503923	504483	做完之后
504643	506923	我们要求他把这个登录的相关功能
506923	508723	更新到我们的prd文档里面
508883	511083	因为这个界面是prd没有的
511083	512123	所以他更新进去
512283	513843	比如说在这个调试过程中
513843	516283	如果你新增的界面改变的流程
516403	519003	一定要让AI把这些跟变更的东西
519003	520283	更新到prd文档
520443	522203	因为我们prd文档是
522203	524503	衔接整个前后端
524503	526883	或者说你非常重要的一个参考文件
526883	528663	就不要让它出现
528663	530543	PID文档跟你的这个界面
530543	532203	完全是没有关系的
532203	533643	或者说很多改变它都没有
533643	535143	那这样会导致你后面
535143	537343	后面就失去参考的东西了
537343	539263	那接下来就是对接后端
539263	540743	那对接后端这里的话
540743	541983	是有非常多的选择
541983	543043	其实非常重要的一个选择
543043	544443	就是你选择什么技术站
544443	546563	来实现这个后端的功能
546563	547783	如果你是一个
547783	548963	没有任何技术经验的话
548963	550443	那么你就使用Cloudbase
550443	552143	就腾讯出的这个云开发
552143	554983	那么它是对非技术人员非常友好的
554983	556243	然后的话我们第一步
556243	558023	我们先装一个技能
558023	558823	叫March Skills
558823	560783	为什么要装这个技能呢
560783	562143	这个技能可以帮我们
562143	563843	进一步的梳理我们的需求
563843	565723	生成一个标准的规格文档
565723	568903	后面我们会基于规格文档
568903	570823	一次性把所有的后端都替换完成
570823	572243	但是这有个前提
572243	575683	如果你现在做了小程序的功能非常复杂
575683	578163	你的页面速度超过10个或20个的话
578163	579683	不建议一次性生成
579683	582263	如果你的界面数都在十来个左右
582263	584123	功能也不是那么复杂
584123	586643	那么非常建议你可以使用这个技能
586643	589983	让他帮你梳理出来一个详细的对接文档
589983	594803	来后面我们可以一次性给他全部根据这个对接文档去实现
594803	596903	那么如果你的需求比较复杂
596903	600043	那么你也可以用这个技能开成不同的块
600043	602603	然后把不同的块再去分别去实现
602603	605483	所以我们这个安装这个技能是非常重要的
605483	607523	那么你可以执行这个命令来安装技能
607523	609123	那我们输入这个命令
609123	611683	这个意思就是你要选择什么样的技能
611923	613083	我们如果图方便
613083	614083	你就选择slack
614083	615283	就全部
615283	617203	那么你也可以选择就是这个
617203	618763	这些都是常用的
619123	620323	可以往下拉一下
620323	622563	然后还有一些可能是不是那么
622803	623923	就是不是技术
624123	625163	不是开发的时候用的
625163	626563	可能是在其他地方用的
626883	627843	那么可以选择
628123	629083	那么确认
629763	630683	再确认
631283	632643	然后我们选择全局
632643	634483	因为我们在很多地方用的
634643	635283	然后再确认
635283	635803	OK
636443	636803	好
636803	639303	这样的话就是我们的技能就完成了
639303	641303	我们再回到我们的Dubc Hines
641603	644003	然后我们要完成技能的初始化
644403	646003	你就可以打开一个新的对话
646003	648803	因为跟我们当前的对话是没有关系的
649203	651003	然后选择完全权限
651503	652803	然后选择setup
653103	655803	也就是说我们要给技能进行一个初始化
655903	657803	他会去读我们的项目的文件
657803	659903	然后配置一些东西
659903	661403	然后方便我们后面用技能
661403	662403	因为更加顺畅一点
662803	663703	什么都不用说
663703	665303	直接执行技能
665303	666963	第一步他就会问你
666963	667783	他怎么去保存
667783	669183	就是他的一个
669183	671403	相应我们一个任务的保存地方
671403	673803	我选择本地第一项
673803	674863	好
674863	676563	这些也是点击推荐就行了
676563	678783	这个文件我们用agentsmd
678783	679703	OK
679703	681563	好保存好了
681563	685283	我们再回到我们的刚刚的对话里面
685283	688003	因为这个其实是跟我们的生成是没关系的
688003	690203	我们再回到这个对话里面去
690203	691223	我们使用这个技能
691223	692903	然后接下来就我们要用这个技能
692903	694423	去理清楚我们后段的逻辑
694423	696843	这个技能它会向你提很多问题
696843	698183	如果我们一开始
698183	699703	没有任何的需求文档
699703	700503	去用这个技能的话
700503	701623	它提的问题会非常多
701623	704183	所以我们一定是有PRD文档
704183	706323	相当于它有背景的信息
706323	708283	它就会使用AI的方式
708283	709283	去阅读这个文档
709283	712283	然后看一下AI有什么不懂的
712283	712923	再问我们
712923	713903	我们再去回答
713903	715883	我们用这个技能来理清楚需求
715883	717603	然后生成文档
717603	718963	我们选择这个
718963	719783	Grui
719783	721123	Width
721123	723063	可以看到
723063	725783	首先是让他去阅读PID文档
725783	727683	其次就是我们的任务
727683	729183	是让他去将小程序的界面
729183	730363	对接真实的后端
730363	732763	然后这边技术站选择
732763	734123	就是你在这里一定要告诉他
734123	735003	你选择什么的技术站
735003	736883	目前我们只有纯前端
736883	738283	是没有任何技术站
738283	738963	这边技术站的话
738963	739463	你可以选择
739463	740683	比如说你自己熟悉的语言
740683	742223	你如果不懂技术的话
742223	744103	你就选择Cloud Base
744103	745163	然后的话数据库
745163	746983	使用MySoco告诉他账号名买
746983	748843	因为他要去创建这辆数据库
748843	750103	然后告诉他数据库的名称
750103	752363	我们就可以发送给他了
752363	755163	那接下来他就会阅读你这个PRD文档
755163	757183	那阅读你的小程序界面
757183	759263	然后呢来向你提问
759263	761323	所有问题都回答完之后呢
761323	763063	我们就再用它来生成
763063	764923	我们最终落地的一个文档
764923	767323	那那个文档是最最重要的一个文档
767323	768803	所有的问题都问完了
768803	770963	那么在其实在询问的过程中啊
770963	773823	他经常会有每个问题旁边有个推荐两个字
773823	775383	如果你自己搞不懂
775383	777703	或者说你不知道应该选择哪个的话
777703	778723	你推荐那一下就行了
778723	780083	如果你能搞得懂
780083	782763	那么就按照你的理解去选择具体的项
782763	785003	每一个选项都会引发
785003	787183	就是可能连续的问题都是不一样的
787183	790563	所以说你就按照真实的你的理解来选择
790563	791723	所有的问题问完之后
791723	794503	它会提示你要生成一个spack这样的文档
794503	795823	这个文档的话
795823	799223	就是后续用来执行代码生成的一个很重要的参考
799223	800543	那么你就让它确认
800543	802703	直接让它先写这个spack文档
802703	805803	因为我们需要去看一眼这个spack里面的内容
805803	808963	那这里面的内容应该会包含它需要做什么
808963	810703	然后他需要怎么去验收
810703	813463	这个就是我们要的最终的一个东西
813463	815063	OK他生成了一滴的文档
815063	817303	首先我们来看一下他具体生成什么东西
817303	819243	首先他生成了一个spec文档
819243	823803	然后生成了不同的功能模块的一个文档
823803	825043	那这样就非常好了
825043	826383	相当于有一个总的文档
826383	829763	然后再分为了非常细节的一个子模块的文档
829763	832063	我们可以看一下文档里面都有什么
832063	833823	我们先看一下这个总的spec文档
833823	837083	那这个就是真实的一个后端对接的需求了
837083	838663	然后你的背景是什么
838663	839323	目标什么
839323	840283	非目标是什么
840283	841443	然后的话
841443	842343	这个技术站是什么
842343	842983	还有模型
842983	843603	数据模型
843603	845263	以及最重要就是
845263	848563	它关联的这个子模块的公单
848563	849783	它在这个叫公单
849783	851603	其实就是我们要它做的内容
851603	852903	描述的文档
852903	853863	这边的话
853863	854963	它都是包括了
854963	855603	我们可以看一下
855603	856803	随便找一个看一下
856803	857703	我们可以看一下
857703	858183	创新订单
858183	859563	那目标是什么
859563	860843	接口是什么
860843	861903	然后的话验收
861903	862423	看到没有
862423	865343	每一个文档都是包含了验收的
865343	867503	就是怎么样才算成功验收
867503	869463	那么有了这些玩长之后
869463	870623	你接下来就可以用
870623	872023	Deep Seek Harness里面
872023	872863	非常一个重要的功能
872863	873343	就是目标
874325	875845	就这个目标
875845	879225	也就是我们可以让它基于这些文档
879225	881485	然后去执行一个长任务
881485	882785	一直开发
882785	884285	然后呢
884285	886225	每一个任务完成之后
886225	888685	它都会根据每一个文档里面去做验收
888685	891525	所有文档验收成功了
891525	894245	那么就告诉我们这个任务就完成了
894245	895345	那这个就是目标模式
895345	898965	所以我们不需要自己去写这个验收的条件是什么
898965	902405	只要把这个文档丢给这个目标模式
902405	904425	让它去循环去执行就行了
904425	907865	OK我们可以新建一个对话
907865	910405	因为其实它所有的文档都已经创建好了
910405	913065	它不需要依赖于之前你的上下文
913065	914205	你可以新建一个文档
914205	915205	新建一个对话
915205	917105	那这样上下文就能节省非常多
917105	918465	Token也会节省
918465	921865	那一样的把这个模式开到这个完全模式
921865	923885	然后在这边点击加号
923885	924945	选择go
924945	927865	然后选择目标模式之后
927865	930965	让它阅读spec文档和它全部的这个issues文档
930965	932925	然后完成所有的功能开发和验收
932925	933505	就可以了
933505	937125	那么它这边就会去开启这样的目标
937125	939505	然后去读取这个文件和下面的这个 issues
939505	941065	那一个一个去执行
941065	942085	然后一个个去验收
942085	944925	所以整个过程是非常的顺畅的
944925	947105	我们在这下面也可以看到
947105	949805	它这里显示进行中的目标
949805	952225	然后你这边可以去点击这个暂停
952225	953225	点击暂停之后
953225	954605	你可以去重新开启
954605	955585	那这边的话
955585	957325	它是会基于当前的进度
957325	959225	然后又开始去执行任务
959225	961805	所以到这个时候
961805	963065	你就可以去做自己的事情了
963065	964525	反正让他去一直去跑就行了
964525	965365	跑完之后
965365	967165	你去做一个验收就OK了
967165	969125	非常适合在这种
969125	970765	比如说错峰的时候
970765	972565	你睡觉之前
972565	973505	或者说你睡觉之前
973505	974525	布置一个任务
974525	975565	让他去一直去跑
975565	977705	但是我们在使用目标模式的时候
977705	980085	一定要记得有验收的条件
980085	981645	不然他跑完之后
981645	983545	可能都不是你想要的
983545	985065	这个验收条件是很重要的
985065	986505	不管是你使用第三方的技能
986505	987745	还是自己去写
987745	988865	都一定要加上去
988865	991505	那我们可以看到在执行这个目标模式的时候
991505	993705	这边呢开启了6个这样的子带里
994465	996345	那不同子带里负责不同的任务
996345	997865	那这边的话也是有一个后台
997865	998825	正在运行的这个
999145	1000545	他会启动一个这样的脚本
1000945	1002385	那这边会一直去运行
1002625	1003665	那他运行完之后
1003665	1005585	他自己会去做单元测试
1005585	1006865	完成基本的测试之后
1006865	1007785	你就可以去启动
1008065	1010625	结合小程序的前端来完成一个连条测试了
1010905	1011865	那如果有什么问题的话
1011865	1013825	还是用刚刚教你的办法
1013825	1015345	通过截图或者复制
1015785	1016705	错误的方式
1016705	1019225	然后让Depsy去修复这样的问题
1019225	1021385	所以我们在整个过程体验上来说
1021385	1022385	其实是非常简单
1022385	1023885	现在你要去开发一个小程序
1023885	1025365	其实流程是很简单的
1025365	1026945	把需求搞懂
1026945	1028625	把设计的原型先做出来
1028625	1029745	然后把原型调好
1029745	1031185	然后就去对接一个后端
1031185	1032985	然后你可以选择更简单的
1032985	1034785	像Cloudbase这样的原端数据库
1034785	1036845	那么整个实验起来
1036845	1039165	会比现在用Python这种方式会简单非常多
1039165	1042245	你只要在刚刚我们这个环节里面
1042245	1043885	去问你问题的时候
1043885	1045305	把技术站告诉他
1045305	1046405	比如说你要使用Cloudbase
1046405	1049285	那么他就会使用Colorbase相关的技术来帮你实现这个后端
1049285	1050365	那么视频就到这
1050365	1052405	希望这个视频对你了解DBSIC Hines
1052405	1054105	以及小程序的开发有所帮助