dreamweaver第三方扩展安装

欢迎大家观看由陶艺老师录制的追梦玩 php 二零二一视频。追梦玩二零二一这样一个版本在安装完成之后，他是没有服务器行为绑定和这个重复区域等等这样一些功能的， 我们要想增加这样的功能，就必须要安装扩展，安装扩展之前呢，我们首先要安装这样一个软件，就是扩展的管理器啊，扩展经历，安装完成这个软件之后，我们到这个 里面的请搜索，我们搜索一个对的， 搜索到对头之后啊，我们是搜索免费的啊 这样一个，然后我们找到这样一个扩展，那么这个扩展呢？他的意思就是说能让追梦人支持服务器行为和数据绑定，我们单击他之后进行下载， 下载安装它提示我们这一个追梦人正在运行好，我们把追梦人先把它关闭， 然后单机， ok， 这样打钩之后就表示我们这个扩展已经安装好了， 我们看这个已安装的扩展管理器里面他就有了。接下来我们再启动追梦人， 这个时候我们再找到窗口，然后我们就可以看到了有数据库，可以进行数据库的连接了，有绑 有服务器行为等等。陶艺老师利用一月的时间录制了很多追梦人开发 thp 的视频，同时还提供在线一对一的 学习辅导，能够让你快速的使用追梦儿进行动态网站的开发，进行办公系统的制作等等，如果有需要的欢迎联系陶艺老师。

怎么安装呢？我们点击浏览器的时候，左上角这边有一个这个三个矩形加一个十字形的一个形状，我们点击一下这个就是扩展工具扩展中心，然后在上角搜索码工这边就会跳转到这个地方，然后我们直接搜索码工就可以了，如果你全部 不搜索太细节的话，他这边不会显示出来。然后我们这边本身这边是有个安装的，因为我这个是已经安装完了，点击一下安装就可以自己安装了，安装完之后他这边是会自动 显示出在浏览器的左上角。那我们这个马弓装修的工具有哪些功能呢？为什么会用到这个地方呢？我们需要去了解一下他的工具的一个使用方法。第一个呢是电招之间去间隙，也就是说平常我们装修首页的时候把代码复制上去，海报跟 电招中间会有一个十像素左右的一个间隙，这个地方的话是没办法去除的，所以我们就需要用这个马弓补助装修助手直接点击这个地方，正常的话需要点击两次他才会去掉间隙，两次的话每点击一次他就会自动刷新一次。

大家好，我们看一下美国网件系列扩展器的设置。呃，这个是七三零零，那么网件的什么六幺五零啊，呃，六四零零啊，六二五零啊，包括后面的七五零零。所有型号设置方法基本上是一样的，这里说的是扩展器系列， 就是信号放大器。首先第一步呢，我们把这个扩展器通电，通电，等他启动，如果说你发现这个锁键是亮着的，证明他是有密码的，你需要把它恢复出厂设置一下。恢复出厂设置的方法就是在机器的侧面或者底部，他会有一个小孔，孔里面有一个按键 recite。 呃，通电状态下按住大概十秒左右，看到这个电源灯一闪一闪的时候松开就可以了。那么现在呢，我们已经把扩展器 通电，也已经启动了，我们用手机来对他进行设置。首先打开手机的浏览器。 呃，第一步连接上连接扩展器的这个信号，就是在打开设置里面搜索他的信号， let golet gal ext， 这个是扩展器的信号。 嗯，如果说是苹果的手机呢？连上去之后他可能会自动跳转到设置界面，嗯，我这里是三星的，三星的他安卓系统可能会，不跳转的话，我们就 打开浏览器，第一步一定要连上啊。打开浏览器之后是这样的，然后我们输入他的网址软件扩展器设置网址，记记好，三 w， 点 my one fire ext， 点 nat 是这个网址。好，进到设置界面是新扩展器设置， 我们点击，点击之后呢，这里是提示第一次让你注册，注册的这个用户名是你的邮箱，你直接填写你的邮箱就可以，然后密码这个你随意设置，然后重新输入密码，下面是呃问题，这个你选择，然后注意这个问题的答案一定要输入英文， 这个记住就可以了，方便你以后这个忘记密码可以。好，找到这个地方，用户名邮箱，我来写一下，必须要邮箱格式的， 然后密码，密码我这里就用，随意用一个吧， 这是管理密码啊，就是以后进设置界面用的这一组账号和密码，这里写用的这个我随意写一个用的产品这个提示问题，这个提示问题。 好，这个答案我随便写的啊，看好是这样写，第一个必须是个邮箱，邮箱格式，第二个是密码，这个密码你自己设定， 这个邮箱就是你以后进入设置界面的管理的账号密码，他是就是你输入丸子进界面以后，他需要一个账号，密码就是这个这个账号，这个密码记好就行了，然后这里的答案一定要用英文的，不能用汉字啊，下一步，要不然这个下一步跳不出来啊，下一步，下一步呢？ 然后进到扩展器，扩展器的设置他已经设置为 wifi 扩展器，就是说他是用来扩展 wifi 信号的。好，我们点继续， 点右下角继续，这个时候他会搜索你家周围的信号，包括你的邻居啊，你周围所有的 wifi 信号他会搜索到，就是说他信号能达到的范围内，他搜索这个信号，搜索他之后呢？你选择你需要扩展的信号，就你家里的 wifi 信号， 选好之后，然后点下一步，我们我这里扩展的这二点，四 g 是这个，然后下面是五 g， 下面有五 g 啊，五 g 的，五 g 的，我们要扩展这个，这是我们这里的信号，我选好了二点四和五分别选好了，然后点下一步，下一步之后呢，他会提示你输入密码，特别注意这个地方输入密 是我们家里原来的这个，呃， wifi 的这个密码，这个不是你随便写的，就是你要连接的这个信号原来的密码我这里输入，我说一下。 好，这里说好密码了，说好密码之后呢，我们直接点下一步，这样子他就会连接上了， 就这样子等待，等待之后，然后他会提示你是不是设置这个扩展出来的信号密码要不要与之前的相同，这个是选择默认选择相同的，我们选择相同的，然后启用一个 wifi 名称，就是说这个 无线上网的名称他是一样的。好点，下一步这个使用一个呢，就是说你扩展出来的信号跟你家里原来的信号他是一个名字，这样子你是来回无缝切换的，不用来回换名字了。这个地方勾选上，注意 这个时候这个扩展器其实已经设置好了，我们看这个地方的信号已经跳转掉了，因为你原来的信号没有了，我们重新连接一下，在搜索的时候 我们会看到这个信号变强了，就是说这个这两个信号已经扩展好了，我们就是说把它整个设置过程中，就是把它设置好之后，你把它拿开就可以了，我们重新来，他应该还在启动， 你看他需要等待一些时间。有大概的思路是这样的，就是设置过程也完完全全从头到尾已经演示一遍了，有的现在就最后我们就要等这个扩展去启动就可以。 好看这个左边这个灯亮起来，这个灯亮起来证明他跟上一季已经连好了， 这个扩展器跟上一季已经连好了，因为我这里呢距离我的路由器很近，所以呢你设置好之后，你需要把这个扩展器拔到距离距离你路由器稍微远一点的地方，就是说你需要扩展的位置去 通点就可以了，不用任何接线，不用其他的操作。好，那么最后呢，我们来看一下这个扩展器，他这个上面侧面有几 按键，我们简单的来看一下，所有的这个扩展器他都有，就是晚间系列扩展器都有这几个按键。第一个 看这个地方是呃开关键按 off， 然后这个有个带锁的，这个按键是一键配对，就是说刚才我这所有的操作呢，你可以用一步操作，比如说你的路由器上也有这个 wps 按键， 你按一下路由器的两秒，路由器的灯会闪，然后快速的按一下他两秒，他的灯也会闪，这样他们自动就配对了，就不需要这么复杂的操作。 嗯，我刚才讲解这个操作呢，因为很多路尤其是没有这个按键的，所以你必须要按照刚才的办法这个思路去操作。然后呢这个，嗯，这个按键，这呃 一个真的这个，这个是这边是扩展的意思，就作为扩展信用，然后这个 access point， 这个是左边的话，你把这个按键拨到左边的话，他作为进入点，就是说作为 ap 来用。这个上面有网口，就是说你把 网线从路由器拉一个网线接到他的网口上上网，通过有线上网的话，你就把它拖到这个那个设置框里，这边啊？这个就是这个扩展器的整个设置的一个过程。好，就这样。

现在是快速引导， 按 tab 键可以快捷切换搜索引擎， 支持固定搜索记录。 可以自定义组件的大小， 可以添加自定义图标和自定义组件。 可以将 ai 宣传的 html 代码粘贴到字典组建里面，可以直接运行。 可以自由拖拽卡片和图标， 支持全区搜索， 可以快捷切换携程模式。 yeah yeah yeah yeah yeah yeah yeah yeah yeah yeah yeah yeah 嘿嘿嘿嘿嘿。 可以以偷拽的形式自由管理你的书签。 可以将你的浏览器书签自由地添加到导航站 登录。 jimmy 可以 直接在这里进行个对话， 这里必自有。关于你的浏览器标签页， 可以直接拖转你的浏览器标签页收藏存浏览器书签 可以破解一些第三方网站禁止复制的功能。 网页长截图功能还在开发中， 可以对第三方网站进行样式注入和脚本注入。 支持网页重搜， 支持翻译 和记录浏览机密室记录以及是 k 第三方网页的暗色。 可以直接跳过网站内的外链拦截 工具栏。支持三种风格， 支持浏览器级别的基于等 c p 协议的一些操作。 提供丰富的设置选项，满足你的个性化需求。 最后，该插件已上架微软扩展商店 以及 google 扩展商店， 感谢大家的支持和收看！

欢迎来到电子入门教程第三课，这节课结束之后，入门教程就算完成了，当然后面还会出很多复合小教程的，如果大家支持，后面可能会教单片机入门。 我的入门就是爱好者的角度，而不是专业的角度，只要能实现功能了，就可以能让大家慢慢的入门。如果大家想学更专业的知识，可以寻找更专业的教程。 这里有各种各样的拓展物，咱们就复刻一个最简单的，在太原广场搜 usb 二点零扩展物，往下找找这个人，这个图案 点进去。我不认识这个人啊，我只是感觉他这个比较简单，适合用来做教程，点进去之后可以看到他这一些文字和教程，这是他的渲染图。长这样咱就光做这一部分，那个三 d 外壳就不需要了， 下面是电路图，还有一些说明，还有演示视频，感兴趣自己看一看。点击打开设计图， 他这里提示登录，点击登录一下，在这里就能看他画的电路板和 pcb 了，可以看他的电路板是怎么画的，可以学习学习，再看一下三 d 看啥样， 好，大体看一下就行了，这里边的内容没有法编辑，右键这个板子，然后点击克隆，克隆到咱们自己的文件夹里，学习之旅。 然后这个板子就已经到了咱们的工程里面了。回到他这个设计图的界面，打开他的 pcb， 不 需要克隆就可以导出他的 pcb 制版文件，点击这里可以直接导出。 当然我还是建议克隆到自己的工程里面，一个是可以自己学习学习，另一个就是如果你不经修改就直接把别人的板子打了，可能被系统判定为雷同，可能就没法免费打板子了，就得花钱了，只需要做一点点修改就可以。比如说放一段文字， 想写什么写什么。我这里写一个拓展屋，把它放在顶层四层，哎，顶层顶层没有地方了。放到底层吧，点一下这个底层四层就可以直接编辑了，放在某个地方就可以了。现在看一下三 d， 突然发现他这背面还有别的字，咱们给他删了， 在这呢藏的挺深啊，再看看三 d 好了，现在背面没有了。看他这个链接底下有一个元气件的表，叫蹦蹦表，如果想采购元气件，可以直接一键下单，非常方便。点这里，在立创商城下单啊，登录一下， 登录好了，然后点一下立即下单。这里的购买套数就选一就可以，但是你会有好几个匹配不到的元气件，还需要自己单独买， 你看这边都有好几个没有的。这就是我认为不太方便的地方，而且还贵，它贵很多，再加上运费什么的，点这个一键下单就可以采购了。但是我不是很喜欢这样买东西， 感觉不得劲，不习惯，还是喜欢用淘宝，大家可以各求所好，想用哪个买就用哪个买，打开淘宝采购这些原件。这个 usb 二点零的芯片叫 sl 二点一 a， 我 也不知道哪个好，就看付款最多的，买最多的。这个 加入购物车，你看他有些选项，什么封装不一样，怎么看他的封装的？选中这个元气件，可以发现右边的水晶栏里带着封装，叫什么名？ sop。 十六点这里可以查看数据手册就跳转过来了，每个芯片的数据手册都介绍了他参考连线，怎么连，他的封装是什么样，以及一些其他必要的介绍，大家可以看一看， 你看后面是不是都有参考电路图。好了，继续选购其他的原系件，这是四个 usb 接口， 就买这样的就行，多认识一下这些原系件都长什么样，对以后有帮助。然后是这个电容，就是流水灯，那个电容一百微发的，看这个电容的属性来有直径长度，正好对应原系件这边的接受。 然后这个 type c 的 接口，这次要买十六 p 的， 不能买六 p 的 了，六 p 的 只能五伏 e r 充电，不能传输数据。找这个十六 p 母座，选它颜色随便，想选什么选什么，黑色一分钱啊。加入购物车， 然后买这个晶振十二兆赫兹，记得看一下封装，封装是长这个样的， 然后就是这些电阻电容一定要看好封装，这个电容是零八零五的，然后这个电阻呢，是零零零三的封装，这个电阻只是限流电阻，你用一 k 也行，五点一 k 的 电阻也是零零零三的啊。 这个 led 灯是零八零五的，封装大一点，当然你也可以点这里，直接看封装管理器，这样就能看所有原件的封装是什么东西了，你看这个精湛，就是刚才那个封装。 如果你想给这个电阻换一个风装，选中它，然后点这个风装 不了，直接把这三个电阻全都选中，他们的风装都是零零零三很小，换一个大的风装可以看选中数量是三，点击这里，然后在这里搜零八零五， 按一下回车就搜出来了，就选第一个点一下，然后更新。当然你也可以这样，直接把这个电阻给他删掉，然后从左边的原件库里找一个零零三的封装，再画上， 然后把组织改成一百二。一 k 也行啊，一 k 两 k 都行，因为他只是限流电阻，无非就是小灯亮一点或者暗一点，然后更新 pcb， 你会发现有一个电阻跑到最那边去了，因为这是咱们刚才删掉那个电阻，又换了个新的其他的两个电阻，因为咱是更新的，直接更新的封装，所以他的位置是在原来的地方更新的，更新之后错误的导线记得删掉好了， 建议把他们这些原件，这个器件名都隐藏，然后只都显示那些组织，后面还需要重新扑通。你看这边 放大看一下，这是他原来的扑通，已经盖住了电阻的焊盘了，这就短路了，所以重新扑通一下，他就自动缩回去了。选中扑通，在这边点击重建扑通区，你看是不是更新好了，扑通都给导线让路了。 好了，如果你想改动的话，这就演示完了，我的已经打板了，我没有改好了，兄弟们，板子和元气垫已经到了，顺便用这个小案例展示一下加热台怎么用，推荐大家买一管这样的焊锡膏，你们看着买就行，基本上就长这个样， 也准备一个这样的加热台，我买的是四百瓦的，差不多这样就行。现在开始给 pcb 上焊锡膏，就这样给每一个引脚都挤上焊锡膏，不用挤多了，尤其是这个芯片，这个引脚就挤这些就行，差不多不用挤多了，挤多了就有连吸了， 尤其是这个 type c， 不 能挤多了，挤多了就真的就脸稀了，它每个音调都太小了，而且这个是十二 p 的。 挤完焊锡膏之后就把这些键都摆上，一个个的摆上就行。 摆这个小灯的时候注意下正负极这个小灯的背面是吧？它背面有个箭头，指向右边就是负极，对应电路板上的箭头，对应焊上。如果你是新手，先不要摆放 type c 连接件，摆放之后给加热台上电，等待锡膏慢慢融化。 用牙签把歪了的有些件扶正，用牙签清理一下 type c 上这些引角，这些锡不让他们连了，因为很小， 让他们每一个引角带一点锡就行，确保每一个引角都饱满。上锡了，并且没有连锡。加热台不用断电，直接放上 type c， 稍微压一压，好好检查一下各个引脚上锡了没。加热台断电让它凉一会，我这里已经凉完了。 type c 背面给它焊上，这四根线咱们用不到，不用焊接东西了。对着原理图把这两个电容也焊上。好了。焊完了，接下来就是四个 usb， 拿出四个 usb 来，突然发现他这个板子画的有点对不上号。没事，把这引脚全都焊上就行。 好了，焊接完毕就长这样，先简单测试一下，第一次焊接完千万不要往电脑上插，因为你也不知道你是不是焊短路了。最简单的方法就是往充电宝上一插，如果短路的话，充电宝都会有自动断电的功能， 电脑就不一定好了，亮灯了，起码正常，没有被短路。现在我已经插了四个设备，两个 u 盘，一个鼠标，一个键盘，这是两个 u 盘，然后鼠标和键盘都能正常用， 传文件也是速度正常啊， usb 二点零，加上芯片和电路板的制约，实际速度还会比二点零慢一点，就是这个效果，又简单又便宜，要啥自行车，这一个成本还不到两块钱，因为我就买了十个 usb， 所以 复刻了两个半。 好了兄弟们，本节课已经结束了，希望大家学的开心，期待我后面的作品吧！

今天给大家带来一期如何判断自己的笔记本电脑能不能加装内存，那咱们进入系统以后，咱们可以按照 ctrl、 shift、 esc 这三个键一起按，打开咱们的任务管理器，左边第三个性能这边找到咱们的内存，打开 这边有一个信息，你使用的插槽速度二杠一，插槽一是空着的，证明它里面还有一个内存的一个空间，还可以加单独加装一个内存， 外观型号是这个 sodimm。 然后看旁边这一款，像这款星客派的系列，同样打开这个管理器 找到咱们的性能内存，像他的就是八个八杠八的一个芯片牌，这种的话后期就没有办法去扩展， 只有说是插槽类型才可以，二杠一这种这种才可以。

最近 cloud code 非常火，相信关注编程 agent 的 同学应该都已经上手体验过了，不过要把这个工具从入门真正落地到生产环境，光会敲几个简单的命令是远远不够的， 所以这期视频咱们不整虚的，直接带大家从头到尾把 cloud code 的 实战流程彻底走一遍。这个视频呢，一共是分为以下四个部分，第一，环境的搭建与基础交互。 第二，复杂任务处理与终端控制。第三，多模态与上下文管理。最后呢是高级功能的扩展与定制，大家可以看到屏幕上密密麻麻的知识点和时间戳， 这期视频的含金量呢绝对是拉满的，只要你花点时间看完这期视频，我保证你能够彻底吃透 cloud code， 把它变成你手心里最顺手的生产工具。 另外我知道市场上还有其他类似的编程 agent， 比如 codex、 open code 等等，其实它们无论从功能上还是使用上都跟 cloud code 没有什么太大区别，所以我相信在看完了这期视频之后，你一定会一通百通，同类的产品基本上都能够直接上手。好话不多说，那我们直接开始。 首先我们来到 cloud code 的 官方网站，就是这个页面了，然后呢，我们点击这里面的复制按钮，再回到终端粘贴，这样呢就开始安装 cloud code 了。 安装完成后，我们试着用它来做一个代码软件。首先使用命令 m k d i r 来创建一个目录，就叫做 my to do 就 好了，我们所有的代码呢，都放在这个目录里面， 然后我们进入到这个目录里，再执行 cloud 这个命令来打开 cloud code。 刚进来的时候， cloud code 可能会提示你进行登录，如果你像我这样没有被提醒的话，可以执行杠 login 命令来主动触发登录流程。 呃，可以看出啊， cloud code 官方一共是提供了两种标准的接入方式。第一种呢是订阅制，如果你购买了 cloud 的 pro 或者是 max 会员，那就直接选这个就好了。第二个呢是使用官方的 api key， 按照 token 的 用量计，费用多少花多少。 我呢是订阅用户，所以我选择第一项。选择之后， cloud code 会弹出一个网页提示，我授权，我们同意。 可以看出登录成功，我们关掉当前页面，回到终端，这里按下回车登录呢，就结束了。这里顺便提一下， 有些同学可能没有办法使用 cloud 的 官方订阅或者是 api， 这个时候呢，你也可以使用国产模型来驱动 cloud code， 比如说是 g， l， m， mini， max 等等。 cloud code 是 一个通用的编程 agent， 它本身其实并不跟 cloud 的 模型绑定，你完全可以使用其他的模型来驱动 cloud code。 具体使用国产模型的方法呢，这里就不再赘述了，其实很简单，设置几个环境变量就行了，网上一搜一大堆， 有需要的同学可以自己搜索一下。好，言归正传，我们再回到 cloud code 这里开始使用它。前面的我们说过，我们要做的是一个代办软件，那我们现在就把这个需求告诉 cloud code， 让他帮我们实现。给我做一个代办软件，使用 html 实现。可以看到 cloud code 开始工作了，让我们稍作等待。 cloud code 想要创建一个叫做 index dhtml 的 文件，询问我们是否同意， 这里面呢？一共有三个选项，第一项 yes 是 单词授权，意思就是说只同意创建当前的这么一个文件，如果它接下来还需要创建其他文件的话，它还会再次向我们询问确认。 第二项呢是 yes allow all edits during this session。 选中了它就意味着在本次的对话期间，后续所有的文件操作都会自动通过，不会再反复打扰我们。 第三项是不同意，选择了它之后，你可以继续输入你的想法， cloud code 会根据你的输入生成代码，并再次向你确认。呃，为了演示方便，我们这里就选择第二项，开启自动模式，把后续的工作全权交给他 好。选完之后注意看，输入框下方多了一行字，就是这个 accept and it's on。 这个呢，就表示目前的自动同意模式已经开启了。那如果说你后悔了，想换一个模式怎么办呢？ 这个时候就要用到 shift 加 tab 键来切换模式了，我们来按一下试试看。现在变成了 play mode， 也就是规划模式，这个模式主要用来探讨复杂的方案，只聊天不执行。具体用法呢，我们后面再细讲。我们再按一次， 注意看，底部的 play mode 消失了，取而代之的是一行灰色的提示问号 for shortcuts， 也就是按问号显示快捷键。大家千万别误会，这个呢并不是什么快捷键模式，这行字呢，只是 cloud code 的 一个小提醒而已，跟当前的模式没有关系。 呃， cloud code 其实在这个时候没有标注当前的模式，而这种没有标注的模式就是默认模式。 不知道你还有没有印象，我们刚进入 cloud code 的 时候用的就是默认模式，在默认模式下， cloud code 表现的最为谨慎，每次创建文件或者是修改文件的时候，它都会先去询问用户的意见，所以大家看出来了吗？ shift 加 tab 就 在这三种模式之间循环，让我们稍微总结一下。 第一个是默认模式，也就是显示问号 for shortcuts 的 那个模式，在这个模式下，创建和修改文件之前一定会询问用户最为稳妥。 第二个呢是自动模式，也就是那个 accept edit on， 在 这个模式下， cloud code 会自动创建或修改文件，不会去询问用户，最为方便。第三个是规划模式，也就是那个 plan mode on， 这个模式只讨论不修改文件，适合构思 这个模式，我们后面会详细解释。好。这个呢就是 cloud code 的 三种模式了，我们再按一次 shift tab， 来到 accept add its on 模式。选择好模式之后，我们再回头看看之前 cloud code 给我们写好的文件，我们要打开它， 那怎么打开呢？你可以去文件管理器里面找到这个文件，双击打开它。不过这里我想要教另外一个方法，我们可以直接在 cloud code 里面执行终端命令来打开它。首先呢，我们输入一个叹号， 看 cloud code 有 反应了，现在我们处在 bash 模式下，可以运行任意的中断命令了。紧接着我们来输入 open index 点 html 来打开这个 html 文件 代码。软件做的还算不错，一次成功，这不得不给 cloud code 点个赞。不过这里面有个小坑，他把所有的代码都写到 index 点 html 里面了， 小项目还好，要是项目做大了，维护起来简直是个灾难，所以咱们最好趁早是换成 react， type script 和 white 这种现代架构，把代码分模块儿管理， 我们可以直接向 cloud code 提出这个请求，让它改掉。不过呢，改架构是个大工程，最好是先确定细节再动手。这个呢，就是 play mode 登场的时候啦， 它就是专门用来讨论方案，确定细节的。让我们先关掉当前页面，回到终端这里，然后按一下 shift 加 tab， 进入到 play mode。 然后呢，输入我们的请求，将当前的代办应用重构为使用 react 加 type script 加 white 的 项目。 呃，问题到这里还没有结束，这个时候呢，我们想换行。怎么换行？敲回车吗？敲回车显然是不行的，敲回车的话，我们的问题就提交了。换行呢，是需要按 shift 加回车，然后我们就可以继续写了，保留所有的现有功能。 呃，这里顺便提一句，如果你按 shift 加回车不好用的话，那你大概利用的 cloud code 版本比较旧，需要升级一下。 呃，另外还有一点，有些同学可能会觉得这个终端的输入框实在是太难用了，想用一些比较现代化的编辑器来替代它。这个呢，其实也是可以的，我们可以按一下 ctrl 加 g， 这个时候 cloud code 就 会打开一个 vs code 的 标签页，在这里面编辑就方便多了，回车随便按，也不用担心不小心提交问题了。当然，这要求你先事先装好 vs code， 我 们就在这里把要求补充完，再加一句，且 ui 风格保持一致。 写完了之后，我们保存，然后关掉这个标签页。此时 cloud code 就 会把 vs code 里面的内容全部放到输入框里面，我们直接再按个回车就可以提交请求了，可以看到 cloud code 开始工作了，让我们稍等一下， 计划似乎是产好了，我们把滚动条往上移一移，看一看它这个计划具体是个什么样子的。 这个计划呢，是从这里开始看起来还是挺完善的，目标项目清单、目录结构之类的信息全部都有覆盖。到最后他询问我们是否要执行， 他一共给了我们三个选项，第一个是执行计划，并且进入到同一模式，后续修改文件前就不再询问用户了。 第二个也是执行计划，只不过后续会使用默认的模式，也就是说之后每次写完文件前都需要询问用户。第三项是继续修改计划，如果你对计划不满意的话，那可以在这里面继续输入， cloud code 会根据你的要求再修改这个计划，产出一份新的。 这里假设我们对计划不满意，选择第三项提出我们的修改意见，给每个蛋白事项增加一个优先级，比如高中低，并且用不同的颜色标记出来。然后我们按一下回车，这个时候呢， cloud code 就 开始修改它的计划了，让我们再稍微等待一下。 好， cloud code 又产出了一份计划，具体内容呢，我们就不看了，单从最后的测试部分我们就可以看到，它确实是把我们的优先级的需求考虑进去了，这次差不多了，要不我们就同意吧。 让我们选择第一项执行这个计划，并且进入到自动同意模式，也就是说后续修改文件的时候就不要再询问我们了。好，回车可以看到当前模式切换到了 accept edit it's on， 没问题，这个呢，跟我们的选择是一样的，后面写入文件的时候呢，便不会再麻烦我们了。 现在 cloud code 开始执行计划了，时间估计会比较长，我们慢慢等待一下。 cloud code 暂停了，他现在想用 m k d i r 来创建目录，然后询问我们是否同意。 稍微等一下，这个是什么情况？我们不是跟 cloud code 说过了吗？不需要每次都询问用户的。还记不记得我们是在 accept add it on 这个模式下面，那怎么现在又开始询问了呢？ 对，我们确实是说过，不过那只不过是写入文件的时候，不需要询问用户，这个呢，是在执行终端命令。 cloud code 认为执行终端命令呢是一个比较危险的操作，所以需要征得用户同意才会继续。 不仅如此，这里面还没有一个自动执行所有终端命令的选项，即使是第二项，那只不过是告诉 cloud code 以后都可以自由地访问 s r c 目录，不需要询问用户。至于执行别的命令，那还是要问的。 如果你觉得每次选择都太麻烦的话， cloud code 其实是提供了一个比较隐蔽的选项，可以跳过这个选择的步骤，让它想执行什么命令就执行什么命令。这个呢，是需要在启动 cloud 的 时候加上一个选项，叫做 dangerously skip permissions。 我 来给大家新开一个终端标签页演示一下。 我们先进入到原来的这个 my to do 目录里面，然后我们来输入 cloud， 再加上 dangerously skip permissions， 意思就是跳过所有的权限检测，大家注意看这个参数里面的单词， dangerously， 也就是危险的。 官方把危险两个字写在了脸上，意思非常明确，一旦加上了这个参数， cloud code 就 彻底放飞自我了。 进来之后你会发现模式变成了 bypass permissions， 这就意味着接下来它执行任何终端命令都不会再征求你的意见了，无论是安装依赖还是删除文件还是创建目录，都不会再问了。 这个呢，其实是一把双刃剑，往好了说，它能够极大地提升开发效率，全自动干活，不用你一直盯着点。同意， 但是往坏了说，他理论上呢，就拥有了和你一样的终端权限。虽然 cloud code 只有在极度发疯的情况下才能去破坏你的电脑，这种概率呢，可以说是微乎其微。但是作为一个负责任的博主，我必须要提醒大家，这个选项会让 cloud code 彻底的放飞自我。所以理论上呢，还是有一定的危险性的， 是否要为了效率承担这一丢丢的理论上的风险？决定权是在你们手里。好，演示完毕，回到我们原的例子里，我们呢，还是不用这个选项了，我们来选择第二项，只同意它以后可以自由地访问 s r c 目录。回车让 cloud code 继续。 cloud code 询问我们能不能执行 n p m 引导命令，我们选择以后都同意。 这里 cloud code 想要使用 npm run dev 来启动服务器，启动了服务器就可以查看网页的效果了，启动也行。不过呢，这里我们先取消，待会我想用它来给你演示如何手动启动它，并且借这个机会来解释任务相关的一些概念。 cloud code 看我们拒绝了，在询问我们应该要做什么，我们来跟他说一下这个命令呢，等会我自己执行，你确保其他部分都完成了就可以了。然后呢， cloud code 就 开始确认了，好，确认完毕，看起来一切正常。现在我们就可以自己来运行这个命令了，我们来试一下 服务器启动成功，我们来点击这里面的链接，看一下效果怎么样。不错，效果还可以，我们来随便点点，看起来没有什么问题，增加个代办事项也是可以的。 然后呢，我们可以再增加一个其他的代办事项，调一下优先级，再添加，一切完美，我们再回到 cloud code 这里，这里有一点需要给大家强调下， 这个服务的运行呢，是会堵塞 cloud code 的， 比如说我们在这里输入一个 hi， 你 看 cloud code 没有给我们任何回应，那是因为服务还在运行， cloud code 就 没有办法处理这个新的请求。那怎么办呢？很简单，看这里按 ctrl 加 b， 可以 把这个服务放置在后台，我们按一下试试， 好像是起作用了。 cloud code 开始处理我们的请求了，它给了我们一个回复，而且注意这里有一个后台任务正在运行， 我们输入杠 tasks 就 可以查看这个任务。在这里面可以看出，这确实是我们所启动的那个 npm run dev 的 命令， 注意这行提示，按 k 可以 关掉这个服务，不过我们目前还不打算关掉它，我们按 esc 回到原来的那个界面里面，就让这个服务先一直跑着吧，这样的话呢，我们后续的修改也能够实时看到效果。 那现在假设我们想加一个切换语言的功能，目前使用的是中文，我们希望它能够在右上角切换为英文，让我们来输入请求，在页面右上角增加一个切换语言的选项，用户可以选择中文或者是英文，默认为中文。回车， cloud code 开始运作了，让我们稍作等待。 好，可以看到 cloud code 改完了，我们回到页面这里看看。效果不错，确实是加上了切换语言的选项，而且切换的效果呢，也是符合预期的。 不过你转念一下，不对，我的用户都能看懂中文啊，我加这个功能干什么呢？要不就回滚吧。 好吧，那 cloud code 能回滚吗？当然是可以的，对应的命令呢，就是 go reverse， 或者是说呢，有个更简单的办法，你可以直接按两下 esc， 这样呢就进入到了回滚页面。我们每次输入请求的时候， cloud code 都会创建一个回滚点，比如说我们不是想回滚到增加语言选项之前的那个版本吗？那就选择这个回滚点就好了，选好之后按下回车。 然后呢， cloud code 会给我们四个选项，是回滚代码和绘画，还是说是只回滚绘画还是只回滚代码，或者说呢，我们就放弃回滚，我们来选择第一个代码和绘画都回滚。 好，现在回滚成功了，让我们来验证下。打开页面没问题，确实是回滚成功了，没有那个切换语言的选项了，是不是很棒呢？ 好，假设，这个时候啊，你觉得 react 加 type script 加 white 这套架构好像是有点过于复杂了， 你在想要不干脆我们就回滚到只有 index 点 html 的 那个版本就好了。好，那继续用回滚功能就行了。不过呢，在这之前，我们最好把 npm run dev 这个后台任务给关掉，毕竟回滚之后相关的文件都没了，这个后台任务呢，也就没有什么用了。 我们回到 cloud code 这里，输入杠 tasks 来查看后台任务，然后再按 k 结束掉当前的这个后台服务。 呃，这个时候 cloud code 提示我们开发服务器运行正常。这个呢，纯属是 cloud code 晕了啊，大家忽略它，我们的开发服务器现在实际上已经被关掉了。服务器关掉之后，我们就可以开始回滚流程了，先按两下 esc， 然后选择一开始重勾代码的那个回滚点。 然后呢，我们再选择第一项恢复代码和绘画。好看起来呢，是已经回滚完成了。我们来看看当前目录下是不是只有 index 域是天秒这个文件。我们使用 ls 这个命令， 这个命令呢，可以用来列举当前目录下的文件列表运行。看结果好像是不太对啊，除了 index 底下是天秒文件，这个目录下还有很多其他的文件，它默认只显示了一部分，我们可以按一下 ctrl o 来显示所有的文件列表， 看起来总的文件数量还不少呢。这个是怎么回事呢？难道是 cloud code 出 bug 了吗？ 其实不是，这些文件呢，是之前用终端命令创建的，比如说是 m k d i r n p m install 之类的 cloud code 呢，只能回滚它自己写入的那些文件。至于由终端命令生成的文件， cloud code 是 没有办法回滚的。 所以呢，我建议大家还是不要太依赖 cloud code 的 这个回滚功能了，如果要精准回滚的话，大家还是使用 git 会更好一点 好。不过呢，问题其实不大， index html 呢，是 cloud code 自己把控的，所以呢，这个文件一定是回滚成功了，我们把别的文件都删掉就行了， 说干就干，让我们打开文件管理器，删掉除了 index html 之外别的文件。然后呢，再回到 cloud code 这里，执行一下 ls 命令，可以看到文件确实只剩一个了。然后这个时候呢，我们可以使用 open 命令打开这个 html 来验证一下它的效果。 没问题，跟我们之前的那个 index 表 tm 的 效果呢是一样的，到这里回滚才算是彻底结束了。好，回滚呢，我们就讲到这里，现在假设你对 cloud code 做的页面一直都不太满意，所以呢，你去 figma 上面自己画了一个界面，就大概是这个样子的了， 你希望 cloud code 仿照这个界面来做，那具体该怎么实现呢？很简单，我们只要把这个设计稿图片传给 cloud code 就 可以了。首先我们需要在 figma 上面操作下，把当前的这个设计稿导出为一个 png 图片， 导出的方法很简单，就按这个 export frame 就 可以了。然后呢，我们回到访答这里，可以看到图片导出的非常成功，下面我们的任务呢，就是把这个图片传给 cloud code。 那 怎么做到这一点呢？ 有两个方法，其中第一个方法就是直接把这个图片拖到 cloud code 这里，看到这里面的 a 位二了吗？这就代表 cloud code 已经接收到我们的图片了，这个呢只是其中的一个方法。还有另外一个方法呢，就是复制这个文件， 然后来到 collab 这里，按 ctrl 加 v 粘贴。注意啊，这里面我说的这个快捷键呢，是 ctrl 加 v， 不是 command 加 v。 即使你用的是 micros， 你 也要用 ctrl 加 v 来粘贴这个图片，按 command 加 v 是 不起作用的， 这一点要记住了。这样呢，我们就可以继续输入请求，让 collab 根据图片来修改代码儿。 具体的过程我就不演示了，这个方法肯定行得通。不过说实话，很多时候呢，可能还原的并没有那么精确，比如说字体啊，间距啊之类的， cloud code 很 难通过图片做到非常精确的把握。 所以这个时候呢，我们其实还有另外一个方法，一个更为精确有效的方法，那就是使用 m c p 来实现这个还原 figma 设计稿的需求。 m c p 是 大模型与外界沟通的渠道，我之前讲过 m c p 的 使用方法和相关原理，感兴趣的同学可以自己看一下。 figma 提供了一个很好用的 m c p server， 我 们可以接入进来用用。首先呢，我们是需要安装这个 m c p server， 根据 figma 官方的要求，我们需要执行这一行命令， 因此呢，我们先把它复制一下，然后回到 cloud code 这里，先按两下 ctrl c 退出，然后执行这行命令。 可以看到， mcp server 已经是安装成功了。之后呢，我们需要重新打开 cloud code， 不过好像之前的对话全都没了呀，这可怎么办呢？别担心，我们可以使用杠 resume 命令来回到之前的对话。这里面的第一个就是我们刚才的那个对话了，我们按回车来选择它，你看这个对话不就回来了吗？ 呃，另外啊，还有一种更为简单的办法，那就是在启动 cloud code 的 时候呢，加上一个参数，我们来试一下。首先退出 cloud code， 然后呢我们执行命令 cloud 空格杠 c， 这里面的 c 呢就是 continue 的 缩写，它的功能就是打开 cloud code， 并自动恢复上一次的对话。好，对话恢复了，我们执行杠 m c p 命令，来查看目前所安装的 m c p 工具， 目前呢只有一个，就是我们刚刚安装的 figma， 可以 看到我们需要健全才能够使用这个工具。我们来选择这个 m c p 工具，然后呢再选择 authenticate， 这个时候呢会自动弹出一个页面，让我们授权我们同意， 然后再回到 cloud code 这里执行杠 m c p， 选择 figma， 这个时候呢可以看到 m c p server 呢就是一个可用的状态了。我们选择 view tools， 就 可以看到这个 m c p server 内部所包含的工具列表， 其中有用来截图的，有创建设计规则的等等，具体呢我们就不看了，我们其实也不用太关心到底该使用哪个工具来完成我们的需求，我们让 cloud code 来判断， 所以呢，我们按 esc 退出这个界面，然后输入我们的需求，修改当前的页面，使它与 figma 搞件保持一致。啊，问题还没完，我们现在回到 figma 页面这里复制这个设计稿的链接， 就点击这里面的 copy link to selection 就 好了。然后呢再回到 cloud code 这里粘贴，再回车，这样呢应该就可以了，可以看出 cloud code 开始工作了， 它首先呢是发现了我们的 figma m c p 可以 解决这个问题，请求调用 get design context 这个 m c p 工具来实现，需求我们同意， 然后呢， cloud code 请求调用 get screenshot 工具获取对应设计稿的截图，我们也同意。 现在调完两工具之后呢， cloud code 就 获取到了全部的设计稿信息了，其中不仅包括设计稿的截图，还有各种组建的间距、字体样式等，非常的详细。拿到这些信息后， cloud code 就 开始紧锣密鼓的修改现有的 html 代码，使它与 figma 设计稿相同，让我们稍作等待。 好，看起来是完成了，我们来到浏览器那边看一下效果怎么样。 这个呢，就是 cloud code 根据 figma 设计稿所搞出的页面，我把原始的设计稿也放在这里，大家可以比较一下，看看效果怎么样， 反正我觉得还原程度还是挺高的。当然这个页面还有一些细节需要打磨，比如说里面的 undefined， n a n 之类的，可能需要修改一下，但整体效果我觉得真的还是可以了。 好，那 m c p 呢？我们暂时就讲到这里，下面我们来看一下上下文压缩。在之前我们写了很多的代码，然后 cloud code 呢也调用了很多的工具，相信这个时候呢， cloud code 的 上下文里面就有了非常多的信息，这里面有一些是有用的，有一些其实没什么太大用处， 我们可以根据需要对上下文做一些压缩，这里需要用到的命令是杠 compact， 我 们可以直接去执行这个命令，也可以选择性的在它后面追加一些具体的压缩策略，比如说是重点保留用户提出的需求之类的。 呃，不过我们就不在后面加需求了，我们就直接执行这个杠 compact 命令，看一下它的效果怎么样。 压缩完成了，我们按一下 ctrl 加 o， 就 可以看到压缩后的上下文内容，这个呢就是压缩之后的结果了。 呃，我们之前呢，在上下文里面有很多的信息，有代码，有 m c p 的 调用结果之类的，现在呢，全部的内容就只剩这么一点了。 这样的话呢，不仅 cloud code 的 性能有了保障，后面在执行任务时， token 的 消耗量也会少很多。好，现在我们按一下 ctrl 加 o， 再回到原来的这个界面里。这里再提一下关于上下文的另外一个命令，就是这个杠 clear， 他呢做的更为极端，就会直接把所有的上下文内容都给清空掉。一般来说，如果我们后面的任务跟之前的上下文并没有什么关联的话，我们就可以使用这个 clear 命令来清空所有的上下文内容。 这个命令我们就不演示了，毕竟我们还需要之前的上下文，演示了之后，那就什么都没了，我们还是保留这个压缩后的结果好。现在压缩完成了，但是压缩结果的可控性并没有那么强，比如假设你想手动改改这里的压缩结果， cloud code 可并没有给你提供这个选项。 另外，无论亚不压缩上下文呢，都跟某个绘画绑定，我们下次进入到 cloud code 的 时候，还必须要来到这个绘画，否则 cloud code 是 不知道之前发生了什么的。那有没有什么办法可以解决这些问题呢？ 有没有一种方案可以让 cloud code 每次进来的时候都读取一些我们自己设定的一些信息，这样 cloud code 就 知道这是一个什么项目，用户有什么需求，我们甚至可以把各种注意事项都写在这里面。了解了这些信息之后， cloud code 就 可以更好地为我们工作了。有这种方案吗？ 当然是有的，这个呢就是 cloud d r m d。 我 们来尝试使用一下，我们首先让 cloud code 自己生成一份 cloud d r m d 文件，用的是杠 in it 命令。 好， cloud code 创建完毕了，我们来打开 cloud md 文件看一下，它就放在当前目录里面， 看起来内容是有模有样的，不过很可惜，它的语言呢是英文，看起来不太方便，我们要不让 cloud code 再把它给转成中文？ 转换完毕，我们再回来看一下，没问题，确实是中文了。另外提一下，这里面的内容呢，是可以随便修改的，比如说我们可以在最后面加上一句注意事项，每次回答到最后，必须要追加这么一句 happy coding， 然后我们回到 cloud code 这里先退出，然后再重新进入，这样 cloud code 就 会重新加载我们那份最新的 cloud 点 md 文件。我们来随便给 cloud code 说一句，比如说是 hi， cloud code 回答了它，最后呢，确实是加上了 happy coding， 可以 看到我们的 cloud 点 md 真的 是起作用了。 所以呢，如果你有什么东西是希望 cloud code 每次都读取的，那就直接放到 cloud md 文件里就好了。 试验完毕，现在我们把 cloud md 结尾中的那个注意事项去掉，要不每次都出现 happy coding， 会影响我们后续的演示。我们可以直接找到 vs code 编辑 cloud md 文件。不过这里嘛，我想顺便教大家另外一个打开 cloud md 的 方法， 我们在这个输入框里面输入杠 memory， 在 这里可以看出 cloud md 文件呢一共是有两种，一种是项目级别的，对应的文件就放在当前的目录里，对当前项目生效。第二个呢是用户级别 对应的文件放在用户目录里，对当前用户生效。我们之前用的是第一个，所以选择第一项，选择好了之后，对应的 cloud md 文件就自动打开了，这样呢，就不用每次都自己在文件管理器里面找了，会稍微方便一点。 打开 cloud 点 m d 文件之后，我们删掉最后面的注意事项保存，再回到 cloud code 这里重启一下， 然后再随便问一句，可以看到 happy coding 已经没了，这说明我们的修改已经生效了。那 cloud 点 m d 文件就讲到这里， cloud code 还有个 hook 功能，允许用户在运行工具前后等时机执行一段自己指定的逻辑，比如说我们可以用它来做自动格式化，也就是说在 cloud code 写完代码之后，自动执行我们设定的格式化函数，以便让最终的代码更加美观，更加符合我们的需求。 首先我们执行杠 hooks 命令，进入到 hook 的 配置页面，这里我们可以配置 hook 的 执行时机，比如说是工具使用前，工具使用后，工具使用失败发送通知等等。我们来选择第二项 post to use， 也就是工具使用后来执行这个 hook。 然后呢，我们再选择 add new matrix， 这里面呢，我们需要选择对应的工具，也就是说我们希望在哪个工具执行之后再运行我们的 hook 逻辑，我们填写的是 write 或者是 edit， 也就是说在创建或者是编辑文件的时候来执行这个 hook。 然后呢，我们再选择 add new hook， 这里输入我们具体的格式化命令。这 这个命令看起来很长，我们来仔细分析下。首先在运行的时候， cloud code 会给我们传这么一份 json 过来，其中的 file path 就是 cloud code 刚刚编辑好的文件路径，因此我们需要解析这个 json 结构，把其中的 file path 的 值给取出来。我们刚才命令里面的这一部分就是用来干这个活的， 其中 jq 是 解析 json 的 一个程序，不熟悉的同学可以自己查下。获取到文件路径之后，我们把这个文件路径通过 x arcs 传递给 preder 命令，然后剩下的工作呢，就是只用 preder 来格式化这个文件的内容了。 所以总结下来，这段命令其实就是使用 jq 来获得当前编辑好的文件路径，然后再使用 preder 来格式化这个文件。 好，讲完了，让我们再回到 cloud code 这里，写好代码之后，我们按回车确认。此时 cloud code 会询问我们应该把这个 hook 保存在哪一级，一共是有三个选项， 第一个呢是本地的项目级别，也就是说这个 hook 只会在本机本项目生效。选择这个选项之后， cloud code 会把配置放在项目目录里面的 settings， 点 local， 点 json， 加入到 get 的， 点 get ignore 文件里面， 所以呢这个文件不会共享给别人。第二个呢是项目级别，也就是说所有使用这个项目的用户呢，都能够用到这个 hook， 它对应的配置文件呢是 settings there jason， 这个文件呢会随着 get 分 发给所有人。 第三个呢是用户级别对当前的用户生效对应的配置保存在用户的目录里面，每一个用户都有一份，不会互相影响，也不会跟着项目保定。我们来选择第二个，所有使用这个项目的人呢，都能够用到这个 hook。 然后呢，这个 hook 就 算是创建好了，我们按 esc 退出。 最后呢输入请求来试一下。我们的请求是创建一个新的文件 test， 点 html 里面随便写点 html 就 行，所有的内容都写在一行里面。回车，我们来稍微等一下， 通过这个写入文件的请求就可以看出， cloud code 确实是把所有的内容都写入到一行里面了，我们同意执行完毕。我们来看看最终生成的 test 点 html 的 文件内容。 可以看到这个文件的内容呢已经被格式化好了，并不是像一开始 cloud code 写入的那样只有一行，这说明我们刚才写的那个 hook 生效了，在 cloud code 写入完代码之后，我们的 hook 启动把那个文件给格式化了，所以呢，我们现在看到的就是格式非常漂亮的 html 代码。 hook 的 功能呢，就讲到这里，现在假设你每天都想写一个总结，记录下今天开发了哪些功能，而且呢，这个总结必须要遵循一定的格式，比如一定要包含日期开发招标开发详情之类的。 你可以把对应的格式要求直接粘贴在这个输入框里面，让 cloud code 帮你写一份，只不过这样的话，你每天都要重复粘贴一遍，很麻烦。这种事情其实非常适合使用 agent skill 来解决，我之前出过一个系统性讲 agent skill 的 视频，有兴趣的同学可以看一下， 不过没看过也没关系，你可以大致把它理解为一个给大家看的说明书，一个动态加载的 prompt。 我 们来创建一个 agent skill 试一下。 首先我们新开一个终端 tab， 使用 m k d r 命令，在用户目录下的 their cloud skills 文件夹下面创建一个新的文件夹，就叫做 daily reports。 我 们使用 vs code 来打开这个文件夹， 然后呢，在这个文件夹下面创建一个叫做 skill 点 md 的 文件，在这里面填入这样的一些内容。 这个文件呢，一共分为两部分，前面的 name 和 description 分 别代表这个 agent skill 的 名称和描述， cloud code 会根据这一部分的内容来决定是否要使用这个 agent skill。 后面呢，就是这个 agent skill 的 具体描述了，这里主要是写了日报需要遵循的格式。 写好了之后，我们回到终端，关掉这个新开的标签页。然后呢，再重启一下这个 cloud code， 然后输入杠 skills， 可以 看到 cloud code 已经发现了我们的 agent skill。 然后呢，我们回到输入框，这里面打入我们的请求，写一份每日总结，回车开始执行。 可以看出， cloud code 发现了这个请求与我们刚才录的那个 agent skill 相关，请求使用这个 agent skill， 我 们同意。 然后呢，我们的每日总结就写好了，跟我们要求的格式是一模一样的。这个呢就是 agent skill 的 使用方法了，是不是很简单？ 呃，另外啊，这个 agent skill 的 调用请求呢，是由大模型发现并且发起的，除此之外呢，我们也可以这样来主动地发起这个 agent skill， 就是 先输入杠 daily reports， 然后呢后面加上具体的请求。 这个跟之前的效果呢，其实是一样的，只不过是省去了大模型意图识别的过程，直接由用户调用了这个 agent skill， 结果更加可控一些，具体我们就不演示了，我们来把它给删掉 啊。 agent skill 呢，就大致讲到这里了，当然 agent skill 还有很多高级的用法，感兴趣的同学可以看一下我的上一个视频。 下面我们再讲讲 cloud code 的 另外一个重要功能， sub agents。 这个呢，其实就是一个独立的 agent， 有 着自己独立的上下文，独立的工具，独立的 skill， 可以 独立完成某一件事情。我之前讲过 agent 的 原理， 有感兴趣的同学呢可以自己来看一下。呃，下面呢，让我们来创建一个用于代码审核的 sub agents， 然后选择 create new agent。 这里面要选择 agent 类型是项目级别还是用户级别，我们来选择项目级别， 也就是说使用这个项目的人呢，都能用。接下来选择 agent 的 创建方法，一种是用 cloud code 的 初设化，另外一种呢是完全手动创建，第一种是推荐方法，所以我们选它。 接下来我们描述一下这个 agent 要做的事情，我们填入以下内容，这是一个用于代码审核的 sub agent， 在 用户要求代码审核的时候调用它。回车可以看到 cloud code 正在生成这个 sub agent， 让我们稍等一下。 接下来呢，我们选择这个 sub agent 能用的工具，我们选择 read only tools 就 好，也就是说只能够使用止读工具，其余的都去掉。模型呢，就选择默认的 sonnets， 接下来选择这个 sub agent 的 颜色。 cloud code 在 运行这个 sub agent 的 时候，会使用我们选择的颜色来展示它，我们用绿色吧。 呃，然后呢， cloud code 就 会给我们生成这个 sub agent。 可以 看到这个 sub agent 的 描述呢是英文的，而且里面的内容大概率也不会跟我们期望的完全相同。我们按一下 e 来编辑一下这个 sub agent 的 描述。 这个呢就是 cloud code 给我们生成的 sub agent 描述了，不过呢，它跟我们想要的那个版本差距有点大，所以这里呢，我来给这个 sub agent 整体替换一下，换成适合我们这个场景的。 sub agent 的 结构与 agent skill 类似，一共是分为两部分，上面呢是原数据写明了这个 sub agent 的 名称，描述所使用的模型、颜色等等。下面呢就是这个 sub agent 具体要干的事情了。 呃，我的要求呢，有两条，一个是审查的准则里面有两项，一项是针对 js 的， 一项是针对 css 的。 最后呢会有一个输出格式方面的一个要求啊，我们后面去看一下 cloud code 能否遵循这个 sub agent 的 规范。 呃，填完了这个 sub agent 的 描述之后呢，我们来到 cloud code 这里给它重启一下， 重启完后我们提交请求，给我做一下代码审核。 可以看出 cloud code 调用了我们刚才创建的 sub agents， 并把对应的任务描述传给了它，让它处理。而且看这里 cloud code 是 用绿色来表示这个 sub agents， 这跟我们之前的配置也是相符的，它估计还要再运行一会儿，让我们稍作等待。 它运行了一会儿之后，给出了代码审核报告，可以看出，它检查的内容确实是我们在 sub agent 描述文件里面要求的。这个呢，就是 sub agent 的 使用方法了。 有人可能会问， agent skill 跟 sub agent 很 像啊，它俩什么区别？其实吧，它俩最大的区别就在于对上下文的处理方式不同。 agent skill 运行的时候，它会完全继承并且共享你当前主对话的上下文，这就意味着它执行过程中的每一行日记，每一个思考过程，都会记录到你的当前上下文。 想象一下，如果你让 skill 去审核一个有着几万行代码的项目，这些项目会逐步塞满你的上下文窗口， token 消耗飙升， agent 也会因为记忆过载而变慢变傻。 所以呢， agent skill 最适合处理那些与上下文关联比较大，而且对上下文影响不大的人物。比如说是根据今天的开发过程写一个每日总结之类的。 而 sub agent 呢，则拥有自己完全独立的上下文。当你启动它时，它会开辟一个全新的对话窗口，它在这个窗口里面看的所有的代码，生成的所有的中间分析过程，都不会回传到你的主对话里面。只有当它把活干完了，它才会拿着一个最终的执行结果来向你汇报。 这样一来，你的主对话依然干干净净，永远不会被琐碎的中间过程所冲爆。所以， sub agent 比较适合处理那些与上下文关联比较小，而且对上下文影响比较大的任务。因此， agent skill 与 sub agent 的 最大区别就在于对上下文的处理方式不同，大家要根据具体的场景来选择合适的方案。 下面我们再讲讲 plug in 这个东西。你可以把 plug in 想象成一个全家桶的安装包，有点儿像是 micros 的 dmg 或者是 windows 下面的 exe 文件。它把一系列的 skill， sub agents， hook 等能力全部打包在一起，你只需要一键安装 cloud code， 就 能够瞬间获得整套高级能力。 下面呢，我来给大家演示一下。我们先输入杠 plug in， 进入到插件管理器，这里面呢有三个选项，分别是 discover， 也就是发现新插件 installed 已安装的插件和 marketplaces。 呃，插件市场，我们在 discover 里面找到这个 friend and design， 按回车安装。 接下来要选择安装范围，有三个可选范围，分别是对当前用户生效，对当前项目生效或者是对当前用户的当前项目生效。我们维持默认就好了， 确定后安装就完成了。对，就是这么快。这里简单说明一下， front and design 是 一个用来做前端设计的插件， 一般来说啊，大模型做的前端呢，都有一定的共性，比如说使用深紫色的主题啊等等。这个插件呢，据说可以打破这个共性，让界面看起来更加好看一点，我们等会儿来看看是不是这个样子的。 安装好了之后，我们重启 cloud code， 然后使用 m k d r 命令新建一个目录，就叫做 my to do r。 然后呢，我们进入到这个目录里面， 再启动 cloud code。 启动好了之后，我们输入杠 plugin， 再次进入到插件的管理页面， 然后再选择 installed， 可以 看到 installed 这一个 tab 下面多了一项，就是我们刚才安装的这个 front and design。 我 们按回车看一下它的详情。可以看到这个 plugin 的 主要的组成元素就是一个叫做 front and design 的 agent skill。 既然我们已经安装了这个 plugin， 那 对应的 agent skill 应该也安装了，我们不妨验证一下。让我们回到输入框这里面， 然后打杠 skills。 你 看这里面是不是多了一个叫做 front and design 的 agent skill 呢？所以呢，安装这个插件本质上就是安装了这个 agent skill。 当然，这个 plugin 比较特殊，就只有一个组成元素，有些 plugin 里面包含了 agent skill， mcp， hook 等多个组成元素，你可以把它理解为整套解决能力，一次性全部安装了进来。下面呢，我们就来用用这个 frontin design， 看看它跟原装的前端设计有没有什么区别。 让我们回到输入框这里，输入我们的请求，按照 frontin design 的 要求做一个代码软件，使用 html 来实现。 注意看， cloud code 并没有立即开始写代码，它首先是意识到用户要求使用 front and design 的 规范，于是呢，它会先请求使用这个 agent skill。 呃，我们点同意？ 读取完了之后呢，它就拥有了 antropic 官方沉淀的一整套 ui 的 设计直觉。接着呢，它开始写代码了，让我们稍微等一下。 写好了，我们先用 l s 命令看看当前目录下有哪些文件没问题，只有一个 index html 文件。然后呢，我们就可以使用 open 命令来打开这个文件看一下效果怎么样？ 大家看这个呢？跟我们一开始写出来的那个 demo 相比，风格就完全不一样了，它的排版更加高级，色彩更加协调，交互呢，也更符合现代审美。 这个就是 france and design 这个插件的力量了。目前 cloud code 的 插件市场还在迅速的增长，除了 ui 设计之外，还有一些针对特定编程语言的 lsp 插件等等。 呃，当然，如果你觉得自己的配置写得非常好的话，也可以参考官方的文档，把你的 skill， sub agent， mcp 等等东西打包成插件，分享给你的团队或者是社区。 好， cloud code 到这里就讲完了，如果我的视频对你有帮助，别忘了点赞关注。我是马克，用最通俗的语言讲最硬核的技术，我们下期再见。拜拜。

同学们， ai 生成思维导图的口拍里才刚刚发布，直接发布四个炸裂的功能！功能一，一键生成导，直接给一句提示词，点击生成思维导图，稍等片刻，一篇完整的思维导图 立刻生成。功能二，激发灵感，直接点击这里，给我更多灵感！ xmite copied 会在已有的框架上帮你扩展更多的主题， 还不够就再点一次，每点一次，就相当于召集十个同事帮你完成一次头脑风暴。第三步，一键扩展，想扩写某个节点和主题，点击右键，一键 ai 扩写，再点击再扩展，行云流水般帮你扩展四能四，这个太炸裂了！ 脑图修改完，直接点击生成全文 smidcopidit 一段一段基于你改好的脑图生成报告的全文草稿。我就想问，这么强的 copidit， 你受得了吗？

游戏平板怎么选？既要配置强，又要体验爽，今天出一期游戏能开一百二十的电竞平板推荐，帮助每个游戏党实现梦想。 首先零到一千一这个价位有几款骁龙六八零，骁龙八七零的平板，游戏档最好就不要选了，尽量选骁龙八加或者天机八千一以上的。如果你预算相对较低，那就看看荣耀 v 八 pro 处理器是天机八千一，王者吃鸡这种简单游戏没有问题。二点五 k 一百四十高刷大屏，刷剧看电影，观感体验不错。 而且荣耀的系统呢，对于生产力和记笔记的支持更加全面，优先推荐给有荣耀或者华为手机的用户。小新派的 pro 十二点七二代搭载天机八千三芯片， 他的性能要大幅领先于上代的骁龙八七零。王者吃鸡一百二十，原神钢化直流声也不在话下，日常使用上也要比那些老旗舰 asoc 流畅很多，发热也不严重。二点九 k 高素质屏幕，哈曼卡顿四仰神器和手写比键盘的配件，实际体验远超同价位 产品，现在一千五左右性价比很高。拯救者外七百二代性价比超高的小尺寸很慢，八点八英寸大小游戏的握持手感非常舒服。骁龙八加超强芯片，吃鸡一百二十升不在话下，而且散热做的很不错，再加上平板中少有的双 x 限行马达和旁路充电，游戏充电两不误，现在只要一千五， 一千五到两千。 oppo pad 二采用全金属一体机身，手感质感很注重。天机九千芯片，性能跟骁龙八加强的原始丰田满载运行半个小时真率都能稳如一条直线。 二点八 k 七 p 五的旗舰房出品，拥有一百四十四高刷高受损，用来看资料看小说也不容易伤眼睛。还搭载四扬声器杜比世界和杜比全景声，能带来更爽的语音游戏体验。现在转账一千五 iphone 二，搭载骁龙八 s 跟三芯片，比刚刚天气九千要好很多，而且它 cpu 部分跟骁龙八跟三是一个价格，大小和都一样，所以能效比很好，发热也 低，在同价位算是很强了。二点八 k 一百设置的 lcd 屏，画面显示通通系列，还有一万毫安超大电池，六颗立体扬声器以及流畅的橘子系统。现在九五新到手，在一千七还有一年质保和七天无理由 ipad mini 六，耐用的小尺寸平板，八点三英寸大小 a 十五反射镜片， 玩吃鸡的手感很不错，而且因为小巧呢，随身携带也不累人。 ios 流畅稳定的系统生态，再用个两三年也没啥问题。现在一千八很有性价比，两千到两千五。 viopad 三 pro， 目前性能排前列的安卓平板，跟 icopad 二 pro 极限套娃，只是芯片不一样。 ipopod 二 pro 是天机九千三 plus， vivo 是天气元三，性能都相差不大，但是比小米六 s pro 的骁龙八盖要强不少，而且系统方面也画的更好，我建议可以优先考虑。屏幕是十三英寸的 lcd 屏，护眼效果还不错，电池高达一万一千五百毫安时，整体配置很水桶，关键现在只要两千 钱了，性价比巨高。一加 pro 外观和 oppo pad 二、 oppo pad 三 pro 都一模一样，真的很好奇 oppo 到底还有多少库存，每次都换新不换新。一加 pro 搭载了超强的骁龙八跟三芯片，性能同价位肯定无敌。 原神明朝安心畅玩，正面是三 k 一百四的高刷屏画面显示清理色彩鲜艳，关键他有一个通讯共享功能，手机和平板放在一起，平板就可以无限共享手机当网络日常，非常实用。而且绿厂的系统和生态优化的也还行， oppo 用户可以考虑一下，正常九九行只要两千三。 顺便再说一下热度较高的小米平板七 pro， 这是小米刚刚发布的新品版，配置对比上代升级其实并不大，今年小米平板的系统优化也一般， 最重要的是骁龙八 s 卖两千七，价格有点虚高，如果双十一能降到两千一，那就可以考虑两千五以上拯救老外七百三代。三代相较于二代，主要升级了处理器、高刷和快充。 如果你喜欢小平打游戏，上代骁龙八加性能满足不了你，也可以看看这款，现在只要两千六， ipad air 六，苹果 mr 芯片八盒架构性能在平板界也几乎没有对手，高画质游戏那都是小意思， 十几分钟长视频也照样轮流抢劫，再加上八加一百二十八 g 翻倍预存，四五年的使用寿命应该是没有问题的。分成九九新才三千四了，比新机便宜一千三，剩下的钱都可以再买一台 iphone 十二了，感兴趣的可以去观看。