粉丝93获赞819

最近 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 到这里就讲完了,如果我的视频对你有帮助,别忘了点赞关注。我是马克,用最通俗的语言讲最硬核的技术,我们下期再见。拜拜。

今天给大家讲解一下如何免费使用 cloud code 的 中文版,无需复杂配置文件,同时还支持图片和文件拖拽处理。最近又是出差又是做项目,好久没有给小伙伴们出作品了,今天就给大家讲讲怎么超级简单上手。 cloud code, 中文免费,简单一看就会。首先打开我们的 id, 这个应该大家都有吧,然后点击这里,点击设置, 点击这个插件,然后安装一下这个 cloud code 的, 这个是一个大佬开发的 id 插件,中文一种配置,简单直接在 id 插件市场就可以安装,我这里已经安装好了,小伙伴们自行搜索安装即可。安装好后,右侧这里会有一个,点击这个。第二个进入到供应商管理页面,这里可以添加 cloud 的 配置, 点击这个添加这里相当于是格式化操作配置 card code, 这个非常的方便,不需要你再去找什么看不懂的配置文件,然后手动配置。我拿这个方舟举例子,第一个供应商名称这里随便填写,主要是用来区分你的 bi 管理, 那 p i t, 这里需要自己去申请一个,之前我也分享过一些好用的中转站,可以看我之前的作品可以找到。这个方舟是我目前用的最多的,因为它家每天有两个小时免费使用机会。这里注册登录进来之后,点击工作台,点击 ip 令牌,然后去创建一个新的令牌名称,这里也是随便输,过期时间这里默认就行,自己设置,重点是令牌渠道,这里 首选这个 gemini club 的 限时免费,然后再添加一个备用通道,选这个 club gemini 暗刺,这个为什么这么凶?我会告诉大家,然后其他的就不重要了,点击提交,然后点击这个地方,复制一下刚才创建的令牌,回到我们的 id 中,把这个令牌粘贴进去。下一个是我们的请求地址,回到浏览器,点击这个查看 id 地址,然后点击一下这个链接,复制好,回到 id 中粘贴。 下面这个模型映色有三个输入框,分别是 color 旗下 opus 和 hiq。 这里还是回到浏览器,点击这个模型列表,然后点击这个 color, 下面按次往下滑动,先找一找最强的 opus 四点五模型, ok, 就是 它,这个是目前编程最强的模型,没有之一。点进去看一下,看这个渠道分组,这就是为什么刚才让大家这样设置的原因,这个分组它非常的实惠,零点零二次,然后每天限时,免费的时候连零点零二都不需要。这里我们复制一下这个模型名称, 然后把它填到对应的模型印刷输入框中,其他两个也是一样的操作,设置好之后点击保存更改。 ok, 此刻我们的 cloud account 就 配置好了,现在来试一试效果怎么样。这里可以快捷选择模型,不需要再 mod 什么什么操作了。 这个响应很快,而且是不需要任何魔法什么的。因为主播用的随身 wifi, 所以 我这边网络还是稍微有点慢,常规的网络都可以正常使用,解决了小伙伴们不会魔法配置的问题。 ok, 接下来让他分析一下我当前的项目, 正常情况响应很快的,这里是主包网络有点问题,我重新提问一下。 ok, 重新提问一下,很快就响应了,这个插件还支持图片解析哈,文件拖拽行为真的是比直接使用科二扣的方便很多,再加上 id 的 基础操作大家也都熟悉,简直就是如鱼得水。目前大佬这个项目跟他 still 已经突破一 k 了,大佬的官网也正式面试了,后 续文档构建、迭代更新、 ai 前沿知识分享等都会在官网发布,大家可以持续关注。好了,那本期作品就先到这里,更多进阶的玩法,我们后续会持续发布相关作品。

本系列视频耗时三个月制作共计六百分钟,教你 cloud code 从入门到精通。第一张, cloud code 快 速入门与配置篇,今天讲课程介绍与软件安装。 hello, 大家好,从今天开始我将以案例实战的方式带大家从入门到精通 cloud code, 那 么这套课程的话会持续更新非常多的实战案例。 那么今天我们就给大家分享第一个章节的内容, cloud code 快 速入门与配置。首先的话带大家从零开始去安装 cloud code, 以及去做一些基本的配置,然后的话我们来讲一些基础的一些操作 命令与配置的话,它是一个起点。然后第二块的话我们会讲一些核心模式,比如说按场景去切换,怎么样去把这个效率给拉满。那第三块的话我们来讲 cloud md, 那么这个的话是一个大局记忆的核心。第四块的话我们就来讲绘画与管理,这个的话是避免出现一些失控的一些情况,高效的去推进我们的一个任务执行。那第五块的话给大家来讲资源监控与批量任务, 去把控这个节奏,不浪费一些托管以及一些费时比较长的一些场景。 然后的话就是一些常见的坑,还有一些这个进阶啊,我们让 cloud 的 话更加的哎去能理解我们的一些任务, ai 大 模型学习路线图,课程配套资料,全套大模型面试题教学视频项目源码我都整理好了。好,那么现在的话我们就来开始讲第一块内容, cloud code 快 速入门与配置。那么首先的话 我们要来带大家去安装一下 cloud code, 那 么 cloud code 这个安装的话,它是基于 node 的 这么一个环境去安装的,所以首先的话大家需要去安装一下 node js, 那 这个的话,我已经把相关的一个下载地址还有安装文档的话都给大家放在资料里面。那首先的话,大家需要确保 就是我们的一个啊,操作系统是以下几个版本的啊,就是 linux, mac, windows 都支持啊,只要大家是基于啊 node js 这个环境去装的话,它都是支持的。好,那首先第一件事情的话,我们要去下载这个 node js 了, 那呢? node js 的 话,版本的话,一般大家选择一个最新的一个版本就可以啊,但是我一般建议大家去装这个 lts 版本啊,也就是长期维护版本, 那这个版本的话,在大家去后续的开发过程中,他是有一个啊,官方会长期的去做一个维护的啊,所以说他的稳定性相对来说会比较强一些啊,所以大家装的话啊,其实你装一个哪个版本都无所谓啊,但是一般我建议是啊,二十以上的这么一个版本啊,因为 cloud code 是 新出来的这么一个工具嘛,所以版本不能太低。那我这里的话, 我给大家看一下我装的一个啊 no 的 杠 v, 我 装的话是二十二点一的这么一个版本啊, 那么大家装完之后,按照我上面这个文档里面提到的,需要去执行一下 node 杠 version 以及 mpm 杠 version, 只要这两个命令能够看到这个版本号输出的话,就表示我们的 node 这个一个环境的话就已经装好了。 所以说大家需要先确保这两个事情啊,就是版本是已经要装好的,并且的话是二零以上的这么一个版本, 那么具体安装的话,大家可以去参考一下这个文档啊,我就不带大家去一步步的去装了啊,这个过程的话,呃,其实也不用耗费太多时间啊,就直接把这个包下载下来啊,它有两种安装方式,一种的话大家去安下载这么一个 windows 的 一个 msi 的 一个安装程序,或者说你下一个 zip 包啊,用 msi 的 这么一个程序的好处的话,就是它装完之后会给你把环境变量自动给配好。如果说你自己去下的一个 node 的 一个环境变量啊,仅此而已啊,它的区别就是这样 啊,那我一般建议大家去装一个下一个这个版本啊,就是可以去自己去配一下,如果你觉得麻烦的话,你可以自己去下一个,这样安装包去一步的装完就可以了啊,那如果是 mac 电脑的话啊,它就是下 pk 机这个包或者是 gz 包啊, linux 的 话就是一个叉 x 包啊, 反正不管怎么样,大家根据自己的一个操作系统啊,去下载对应的一个版本,然后把它装好之后把环境变量配好,执行这两个命令,能看到 相关联的一个版本输出,就表示这个 node 环境是 ok 的 啊,那就可以进行到下一步了。好,然后下一步的话,大家需要去装一下 get 命令, get 命令的话是 cloud code, 我 们等会给大家去做演示,就是让它去执行一些任务的时候,它需要用到这个 bash 的 这么一个命令。行啊,就终端, 那我们这个终端这个 bios 终端的话是用的 get 的 这么一个 bios, 所以 大家需要把 get 也装一下啊,装了 get 主要就是装那个 bios 环境啊, get 的 一个下载地址的话,我已经放在这里了,大家去选择适合自己操作系统的一个 啊版本去给它装好。装完之后的话,大家去执行 get 的 一个命令啊,叫 get 刚刚 wash 啊,能看到 get 的, 我是用的是二点三,六点一的这么一个版本啊,大家去装一个,这个没有什么版本要求了啊,一般是新的版本就 ok 啊,主要能跑这个 get 命令,然后有一些 bash 的 一些啊,这个 有个 bios 一 x 一 的这么一个可信文件就可以了啊。好,装完这一步的话,等一下我们还需要配一个环境变量啊,这个等下再说,首先是 get 的 环境变量,大家需要在这个包装完之后,它自动就会有啊,就直接 get 命令有反应就行了。然后的话就是我们等一下还要配一个格式,跟 get 那 个 bios 的 终端的这么一个环境变量啊。好, 做完这两步的话,大家接下来你就可以去装这个 cloud code 了, cloud code 的 话,它是基于 mpm 的 这种方式去装的啊,所以说我们必须要用 mpm 的 这个命令, 大家去执行一下这个命令啊。一个是 linux 或者 mac 上面,大家要加一个速度啊,区别就是 lex 跟 mac 要加个速度,然后 windows 就 不需要加,直接执行完这个命令就可以了。执行完之后啊,这个过程的话一般也很快啊,如果说你的网络没有什么太大问题的话啊,如果大家网络比较慢的话,你可以去配一下 m p m 的 一个进行仓库,它默认的话是国外的一个进行仓库啊,大家可以去配一下 m p m 国内镜像仓库,去找一下这个文档啊,把 n p m 的 这个镜像仓库给它配一下,配完之后的话,整个下载速度就会快很多啊,因为它默认的话可能是用的国外的一个地址啊,所以下载可能会有比较慢, 但如果大家是用的科技上网的话,你配不配也无所谓啊,这个安装过程会很快,因为这个包本来就很小,它是本来就是一个命令行工具,所以下载并不需要花费太多时间啊。装完之后的话,大家去执行一下 cloud 啊,直接去输入 cloud 刚刚 wash, 然后会看到一个版本号啊,我用的是一点零点八三啊,应该是一个比较新的一个版本。好有这个能看到啊,我们可以输入这个 cloud, 杠杠 help, 大家就会看到 cloud 的 一些帮助的啊,帮助文档啊,就是它这些命令的一些啊,参数怎么来用啊?这个我们接下来就带大家去把一些常用的 命令啊给跑一遍啊,然后到了一个非常关键的一个过程了啊,就是我们现在需要去配一个代理的一个地址啊,就是所谓的科技上网的一个环境的一个配置啊,就是我们需要把这个代理地址配一下,为什么要配呢? 如果说大家是在一个国外的服务器上面啊,或者说你自己本地是用的全局的啊,我指的全局的是这个命令行窗口,你已经做了全局的这个科学上网的配置了,那么大家可以不需要配置,如果说你没有配置的话啊,那你就要在当前这个项目目录下面建一个 啊,点 cloud 的 文件夹,然后在下面建一个 settings 的 一个 json 文件,然后把这段配置加进去,这个配置的话就是配置 h t t p 请求跟 h t t p s 请求的这么一个代理的地址啊,就是要连接到你的科学上网的那个环境上面去啊,那个代理服务如果大家不配这个的话, 我们用 cloud 的 时候会报一个错误啊,我给他演示一下,它会报一个什么错误呢?就是会报一个地区的一个报错啊,你看我现在执行一个 cloud, 大家看它会报一个错误啊,我这个目录下面它是没有那个配置的啊,所以说它可能的话就会报一个错误啊,当然这个 要具体得看情况啊,不一定会报,但是如果报的话,大家需要把这个给配一下,因为他那个网络的话会存在一些不稳定性,时好时坏的啊,一旦报错的话,你就可能一直就是一个报错状态啊,就是他会有一个限制区域使用的啊,因为这个在国内的话,网络 啊他会有些限制,有时候无法访问,所以说大家需要去把这个给配一下啊,配一下就可以了,所以说这里我们先说一个前提啊,一个大前提,大家需要先把这个给配一下, 那我现在的话就相当于我已经建了一个项目了啊,在这个下面,我在我的当前的工作空间里面,我建了一个项目啊,叫做 cloud 杠 demo 的 这么一个项目啊,这个项目下面大家看我建了一个点 cloud 的 一个目录,点 cloud 的 目录下面我建了一个 settings 点推送文件,然后把我的一个 代理的一个地址给它配上去啊。配了这个之后啊,但大家如果你代理地址端口不一样的话,你自己去可以改一下啊,这个我就不细说了啊,就大家自己去把这个代理这改一下啊。如果说你不需要在这个代理也能访问到 cloud 的, 那你就可以忽略,这个就不需要配了 啊,我这边是需要配这个才能访问啊,但是有时候也不需要配啊,它网络是啊,这个不稳定的,时好时快的,所以一般如果大家遇到不稳定的情况的话,那你就配一下啊,这个是需要 说明的一个前提条件啊。好,然后配完这个之后的话,接下来又是一个比较关键的一个步骤,大家需要去配置一下 cloud 的 api key 以及它的一个环境变量啊。 这个 cloud key 的 话啊,就是官方的这个 api 密钥的话,大家需要钱,就是首先去官网啊, cloud 的 这个一个官网,然后给注册一下,注册之后 生成一个 api 密钥啊,当然前提大家是需要去这个付费的啊,就是你要去订月,它有两种方式,一种的话是订月制的,就是按月去收费啊,订月制的,还有一种的话,就是那个有一个直接按 api key 啊 api key 的 这种方式去收费的 啊。如果说你的调用量啊,就大家使用 cloud 的 还非常频繁,量非常大的话,一般建议是包月的啊,因为每个月就固定的费用嘛,你就随便用了,没有什么太大限制。如果说大家是调用次数不是很多的话, 那你就去按 api 啊,充值的方式用就按用量嘛,用多少算多少,这种方式可能会比较适合大家,就两种方式啊,官方的两种选择啊, 那么价格这一块我就不说了,大家自己去那个 cloud 的 官网去看一下啊,那个是需要充值的,所以说大家在弄这个之前,首先把 api key 这个事情给搞定才行啊, 或者说大家如果说你不想用官方的这个 key 啊,还有另外一套方案,就大家可以去找国内的一些代理服务啊,就是所谓的套壳的啊,第三方的这个服务,他去自己做了一套 api key, 然后你调他的服务,他再去代理调用官网的那个服务啊,那它的价格上的话,可能会比较优惠一些啊,当然 有的可能也比较贵啊,因为它帮你解决的是网络问题,费用问题可能还是该贵还是得贵,所以这个大家自己去权衡啊,如果说你只想解决网络问题,不考虑费用的话,那你就可以用那个啊,这个 代理这个版本啊,有些代理版本可能它也比较便宜,可能还会赠送你一些积分,方便大家免费的去体验一下啊。这个大家去自己网上去搜啊,搜一些代理服务,然后拿到一个 key 啊,但是拿到那个 key 之后的话,大家除了需要配这个 api key 以外,还需要配一个 api 的 这么一个 base, 就是一般这个代理的那个网站啊,就是第三方了这个 cloud code 的 一个服务,它会有一个官方文档,一般会教大家怎么来配啊,一般就是导入环境变量。那我这里用,因为是用的官方的这个服务啊,所以我不需要配这个 api base 的 url 了啊,就是一个 api 地址。 那如果大家用了第三方服务的话,你是需要给配一下啊,配成第三方服务的那个 api 地址啊,这个一般大家在那个 第三方的这个网站上一般会看看到一个操作文档啊,跟着这个操作文档去配一下就可以了。好,然后第二个的话,就是一个 get 的 一个,就我刚刚提到的 get bash 的 一个 pass, 大家看我这里我打开这个路径给大家看一下啊,这个路径的话,就是我装完这个 get 之后,大家看下面有一个叫 bash 的 一个 exe, 其实就是一个终端啊,就是一个在 windows 上面模拟去跑 linux 的 一些命令啊,就是一个 mini 的 终端。那这个下面的话,它可以去跑一些 linux 的 一些命令啊, 比如说像 pwd 啊,是吧?一些命令啊,它是一个 linux 这么一个类似的模拟环境,所以说它需要这个 bash。 大家把这个你如果你不配这个的话,后面你在执行 cloud 的 一些命令的时候,让它帮你去生成项目,或者是做一些操作的时候,可能会报一个错误啊,它需要你配一下这个环境变量,所以大家在最开始的时候就把它配一下 啊,免得到时候执行的时候他就报这个错误啊,这是我们的一个大的前提啊。好,然后我再总结一下啊,就是我重复这几点啊,首先第一点的话,如果说大家的这个网络环境啊,就大家去执行 cloud 的 命令的时候,发现报错,报了一个什么不支持的这么一个区域的一个网络错误的话, 解决方案的话,就是在当前项目目录下面去创建一个点 cloud 的 目录,然后在下面再创建一个 settings, 点 json 文件啊,加一段 json, 把相关的这个代理的地址给它配一下啊,就是科学上网的这种方式,给它连接到那个代理服务器上面去。 好,这个就是解决方案好,解决好网络的问题之后,接下来大家要去啊,执行这个 cloud 的 时候,会有一个登录授权的一个过程啊,登录授权的这个过程的话, 在这个过程当中这个它会有一个引导啊,比如说首先是会有一个选择啊,界面主题风格的这么一个选项啊,比如说是选亮色的还是暗色的,大家就自己根据自己的模式选一下就行了,选完之后的话,它会有一个这个 登录的一种方式啊,就它会跳转到 cloud code 这么一个官网上面去,那个官网会有一个授权啊,当然前提需要大家去注册一下 cloud 的 那个账号,做完授权之后, 它会自动的帮你去获取到那个 api 密钥啊,如果说大家是自动获取的话,你就不需要配这个东西了啊,这个是不需要配的,如果说大家不想用官方的那个密钥啊,你想用自己的密钥的话,你就把这个环境变量配一下,配完之后的话它会有一个选项,就是 啊,你是使用当前环境变量的这个 key, 还是说它自动帮你去官网上面啊,拿到的一个 token 啊?两种方式啊, 官方的那种方式叫拿到一个 token 啊,它会自动的帮你去连接到 client 的 官网上面去有个授权页面,它会拿到一个 token, 写到你本地的一个配置文件下面去啊,这是自动的这种方式, 还有一种手动的方式,大家可以自己去配一下这个 key, 然后在那个选项下面,它有一个要不要使用当前环境变量的这个 key, 大家选第一个选项选是就可以了,但它默认是一个否啊,选否的话就是用 client code 官网的那个 apm 要 key 啊, 就是两种区别,一种是用官方的,还有一种的话是用第三方的,大家需要自己配一下啊,配完之后的话, cloud 克这个扣的就工具就可以用了啊,这是前提啊,大家需要去把这个给操作一下。 好,那我们做完登录授权这些东西都操作完之后的话啊,大家正常的话,你在这个页面上面啊,输入 cloud, 你就可以进入到一个 welcome 的 这么一个命令了啊,就是一个输出了,大家如果能看到这个 welcome to cloud code, 然后什么出现了一个杠 help, 然后下面是我的一个目录啊,是我的工作空间,这是我的工作空间,就在这个位置啊,我本地的一个目录,相当于在当前目录下面,大家能够看到这个东西的话,说明 我前面啊,就是大家前面的这些操作都没有问题了。如果说你看不到这个页面的话,还有一些选项,那你去选的话,说明大家的环境还没有配置好 啊,大家需要按照它界面的一个提示一步步的给配一下啊,就是一个最开始进入是一个配置主题的啊,配置完之后的话就会做一个登录授权,跳转登录到 cloud 官网上获取到一个 a p m 密钥 啊,那密钥前提是大家如果用的官方的这个密钥的话,你得去充值啊,去或者是做一个订阅支付完了之后的话,你才能看到 啊,它会有一个授权,成功之后大家才能看到这个页面啊,它会有一个 success 登录成功啊,相当于在这个控制台里面,相当于它做一个登录的一个操作,登录完之后的话,它会把整整个密钥都会写写入到当前用户下面有一个配置文件叫点 cloud, 点 json 文件,它会把那个文件给你写里面去,写完之后的话就是相当于你的 cloud 的 环境, 这个就配好了,配好之后的话大家就可以看到跟我一个样的这么一个界面啊,好到了这个页面的话,大家基本上啊就完成了我们前面第一步的啊,叫做安装 cloud code 的 这个整个过程就结束,那么下次再见了。

大家好,今天咱们来聊一个特别有意思的功能,叫 curl 的 抠的钩子。说白了,它就是让你能给你的 ai 编程助手立下一套规矩,一套它必须遵守的铁律。 来,大家先想一个场景啊,你是不是也经常遇到这种情况,你反反复复地告诉 ai 助手,诶,要遵守这个代码规范呀,但它呢,偶尔还是会我行我素一下,就是不听话。 这是确实挺让人头疼的,但是,如果你的这些规则不再是什么建议,而是变成了 ai 必须执行的命令,那会怎么样?这就是钩子这个功能它要解决的核心问题。 好的,在接下来的几分钟里啊,咱们的路线图是这样的,首先搞明白钩子到底是个啥,然后看看它怎么自动化我们的工作流。 之后呢,我们会亲手搭一个最简单的钩子玩玩。再然后呢,我们会打开一项脑洞,看看它还有哪些可能性,最后你就会真正明白,你的代码,你做主这句话到底意义是什么。 好,那咱们就先从第一个问题开始,到底什么是 cloud code 钩子?它又是怎么做到比我们平时用的那些提示词要更强大的呢?咱们就去来看看。 其实它的核心定义非常直接,所谓的钩子就是你写好的一些 shell 命令,这些命令呢,会在 ai 工作流程里的某些特定时间点自动被触发,这样一来,你就能用一种嗯,怎么说呢,确定性的方式来控制 ai, 也就是说,有些操作它不再是可能发生,而是一定会发生。这张图就说得特别清楚了,你看左边儿,我们平时用的提示词,本质上就是给 ai 的 建议,最后效果好不好还得看模型理不理解。 但右边儿的钩子那就完全不一样了,它是你设定的强制规则,它是确定性执行的,只要条件一触发就一定会运行, 这就等于直接把你的建议升级成了可靠的必定执行的代码。那么这种强制规则能给我们带来什么实实在在的好处呢?简单说,它能极大的自动化我们的工作流程,你可以把它想象成一个给代码定制的,如果这样就那样的超级工具 哇,看看这些可能性简直太多了!你可以用它来定制通知,比如说 ai 需要你帮忙的时候,直接给你弹一个系统通知,或者我个人最喜欢的,每次 ai 修改完代码自动帮你跑一遍。代码格式化, 你还可以用它来记录所有操作,方便以后审查。甚至你还能设置自定义的权限,防止 ai 去碰那些敏感文件。 而且最有意思的是,你可以在 ai 工作流程的很多不同节点来触发这些钩子,这又给了你非常精细的控制权。 比方说这个 pre two use 事件,它会在 ai 调用任何工具之前运行,你甚至可以在这一步直接把它拦下来。而 post two use 呢,就是在工具执行完之后再触发,这种在不同节点介入的能力真的给了我们超大的灵活性 哦对,这里必须得强调一下安全问题,大家一定要记住,钩子运行的可是你系统里真真实实的命令,而且权限跟你当前的用户是完全一样的。 所以说,在添加任何钩子代码之前,一定一定要仔细细细的检查一遍,确保它安全可靠,就跟你审查任何要在自己电脑上跑的脚本一样,必须小心。 好了,理论说了不少,咱们现在就来动动手,实际感受一下。我们来做一个特别简单的例子,一步步的构建一个钩子,它的功能很简单,就是把 ai 运行过的所有 shell 命令都给它记下来。 你看整个过程其实非常简单,就这么六步。第一步,在 cloud 里运行杠 hooks 这个命令,打开配置界面,然后选择 pre to use 这个世界。第二步,加个匹配器,因为我们只关心 bash 工具的调用。 第三步,把我们准备好的日制命令给粘进去。第四步,记得保存到用户设置,这样它就能在所有项目里都生效了。搞定之后呢,我们可以去配置文件里看一眼,然后最后一步,让 a u i 随便跑个命令测试一下效果。 喏,这就是咱们第三步要加进去的核心命令了。我知道这串代码看起来可能有点吓人,但别担心,其实它的逻辑特别简单, 你看它就是用了一个叫 jq 的 小工具,这个工具专门用来解析 json 数据,它把 ai 传过来的信息里头的命令内容和描述给抓出来, 然后看到这个局文符号没,它的作用就是把我们抓出来的信息追加到一个叫 bash 杠 command log 点儿 txt 的 文件里,所以每次 ai 运行命令这个文件里就会多记上一笔。是不是很简单? 来我们测试一下。比如说你让 ai 运行一个 l s 命令,然后你再打开那个日制文件,就会发现里面多了这么一行内容, 看,成功了,咱们的第一个钩子已经正式上岗了,它正在忠实地记录着 ai 的 一举一动,是不是很有成就感啊?刚刚那个例子说实话就是个开胃小菜,一旦你掌握了钩子的基本用法,一个充满无限可能性的世界就向你打开了。 咱们来看几个能真正激发你想象力的真实案例。第一个也是我个人最喜欢的一个场景,就是自动代码格式化, 你想想看,以后再也不用手动去运行那些格式化工具了。多双, 你可以这么设置一个钩子,让它匹配所有 edit 编辑或者 write 写出文件的操作。只要一匹配成功,它就自动对那个被修改的文件运行 prettier 命令。 这样一来, ai 生成或者修改的每一行代码都能百分之百保证符合你们团队的格式规。还有一个特别实用的场景,就是文件保护。 咱们项目里总有一些文件是特别敏感的,对吧?比如环境变量文件,到底 env 或者那个锁定了依赖版本的 package lockdown, 我 们绝对不希望 ai 一 不小心把它们给改了。 方法也很简单,我们还是去匹配 edit 或者 write 操作,然后呢,让它运行一小段 python 小 本儿, 这个小本儿就干一件儿。检查文件路径里是不是包含了像 dat、 e、 m v 这样的敏感词,如果包含,脚本儿就立刻退出,而且是带着一个非零的状态码退出,这样整个文件修改操作就会被直接组织,就好像给这些重要文件请了一个简单又可靠的保镖。 当然了,钩子也不一定非得干什么惊天动地的大事,有时候一个小小的改进就能大大提升我们的工作体验。比如说自定义通知,比如这个就很有用, 当 ai 发送通知的时候,通常就意味着它卡住了,在等你给它下一步指示。这时候咱们就可以触发一个 notify send 命令,直接在桌面上弹出一个系统通知, 这样就算你切换到别的窗口去了,也不会错过 ai 的 请求,你看,就这么简单一行命令,但是非常有效。好了,看了这么多例子,咱们来稍微总结一下, 其实钩子这个功能啊,它不仅仅是一个工具,它更预示着我们未来和 ai 写作的一个重要方向。所以最关键的一点是什么呢?就是钩子这个功能, 正在把 ai 从一个需要你不停去提醒的初级助手,真正转变成一个可靠的、能深度集成到你工作流里的合伙人。 他不再只是被动地听你发号施令,而是开始主动地、自动地去遵守你定下的标准,这就是最核心的转变。 我们和 ai 的 互动方式正在从提供温和的建议升级为设定自动化的规则,这是一种更强大、更可靠的全新写作模式。 那么最后留给你一个问题,你可以好好想一想,如果你现在就可以给你的 ai 编程助手设定任何一条规则,并且让他永远遵守你的第一条规则会是什么呢? 是自动格式化代码?还是保护某个重要文件?或者你有没有一些更有创意的想法?好了,今天就聊到这里。

vs code 如何接入 cloud code 或者 gemini 这样国外的大模型?呃,上一期视频我介绍了几个国内的 ai 编程助手,有一些朋友追求比较高,购买了国外的 cloud code 的 大模型的 api, 但是不知道如何在 vs code 中使用。我今天特地做一个视频来帮大家快速的安装好这些国外的大模型。好的,言归正传。呃,使用这些国外的大模型呢?我们需要安装一个 vs code 的 扩展 client, 大家记住英文拼写是 c l i n e, 我 们来安装一下,点击 vs code 的 左侧这个扩展按钮,搜索 c l i n e client 第一个就是我们要安装的 client, 这个是英文版,如果大家对英文有点抵触的话,可以试试安这个 client chinese 或者 client 中文版试一下。我就先安个原版给大家讲解一下。 安装好了之后,左侧这里就会出现一个机器人头像这么图标,我们点一下这个呢,就是 client 的 主界面,我们首先要在这里做配置,把我们的 api 添进去,选择呢这个 bring my own apikey, 选中之后点下面这个 continue, 在 这里就是配置我们自己的 a p i, 这个 a p i 的 provider。 我 们在这里选什么呢? open i compatible, 这个是 open i 的 兼容性,不要选下面这个 astropic, 要选这个 open i compatible, 点击这里选中之后呢?然后我们在这里还有三项被需要, l 这个一般买的都是国内的中转,他在给你的这个文档里边肯定会有他们中转的地址,把中转的地址填到这里,然后 open i 的 k k 这里填上,然后是选什么呢? mod id 好, 复制上,然后点 continue。 好, 我们点 continue 把这个关掉,这是它的广告,这个也关掉,这个是它的提示。哎, 这样我们就设置好了,可莱也可以在这里右上角的这个齿轮按钮,可以在这里修改你的这个 api。 呃,还有其他的选项,主要是这个我们要在这里把语言从英文改成简体中文 模型配置完了之后呢,我们要给他这个文件的读写权限,就是点击这个 auto approve, 这里我们要把读所有的文件,写所有的文件运行命令 和使用浏览器这些全都给他选上。还有这个开启提示。好,这个时候我们就可以开始使用这个格式,然后让他来给我们生成代码。这里 at 是 添加上下文,这个加号是添加文件或者图片,这个是 m c p, 这个是管理 client 的 规则或者工作流。这个我们就先不要搞那么复杂了,这里它也有 plan 和 action 两个选项,也就是说我们点击 plan, 它就可以先给我们规划点, 点击 action a c t, 它就可以实际的给我们产生代码了,这个是跟 chain solo 模式差不多。好,然后我们在这里简单的做一个页面,使用 h t m l 语言创建一个登录页面,这里也有规划和实施两个模式,在这里是计划模式,这里就是直接实施模式,我们直接选择这个 x i c t 模式, 开始让它来生成我们的页面。好,我们可以看到页面已经开始自动生成了, 提示我们已经创建完,完成了,登录页面已经完成,已经成功创建包含基本的 html 结构样式和简单的登录功能脚本。接下来我们启动本地开发服务器一测试,那就让它测试吧, 是不是出错了?我们需要提示它换一种方式来启动服务器, 它在这里直接调用浏览器打开了本地的这个页面。 好的,这就是这个页面不太完美,我们可以看到连接自定义的 api 已经成功了,至于其他的这些功能,我们之后再想办法,我会接着研究研究怎么让它顺利的工作起来。好,今天到这里感谢大家观看。


今天我们和大家来讲一下如何注册安装酷狗的。首先我们在森光斯上打开酷狗的官网,打开以后我们就可以看到这样一个登录界面,如果说你有谷歌账号,你就选择谷歌账号登录,如果说没有,你就在下面输入框 输入你自己的邮箱,然后点击创建登录就可以了,在这里的话我就直接选择谷歌账号进行登录,注册成功以后,我们就可以看到这样一个界面。好,我们在这个界面的话就可以使用可乐酷狗来回答我们相关的问题了,比如我们现在问他一个问题,看一下效果怎么样? 好,首先的话我们看一下如何防止 id 被穷举,并且设计一个接口验签,防止接口被任意客户端调用篡改数据,用 java 加 spring bot 举例实现。 好,这时候的话它又开始回答我们的问题了,我们看一下效果到底怎么样,现在的话它已经实现了,我们看一下。 好,首先的话他给我们做了一下总结,就是防止 id 群举的一个措施啊,包括签名验证的一个机制也都给我们列出来了。然后我们在这边的话可以看到对应的一个配置啊,漫威的依赖,还有全局异常,然后 ctrl 接口的一个设定,显得还是比较规范的啊,大家可以看到 它里面的一些代码。好,你可以复制对应的一个代码,然后粘贴到你自己项目里面可以使用。好,这就是 可乐酷狗在浏览器里面来使用的一个过程。接下来我们再和大家讲一下如何把可乐酷狗安装到本地的一个命令终端。好,首先我们访问这个地址啊,打开页面之后,我们选择第一个菜单,然后点击可乐酷狗,好,这时候的话它就会出现一个 安装的一个脚本,我们复制一下对应的一个脚本,然后我们再打开 power shell, 粘贴我们对应的命令,然后执行。 当我们看到这个界面的时候,说明安装已经完成了,但是它提示我们需要我们配一下环境变量,要不然你是没办法用可乐的这个命令的。然后我们在 power shell 里面输入对应的这个命令,点击高级,然后点环境变量, 然后找到 pass, 然后点击编辑,然后我们回到我的电脑,然后打开我们的 c 盘,然后在 c 盘下面找到我们的用户, 进到你的用户里面,然后有个点 local, 好, 在这里面的话有个并好,这就是可乐的安装的一个目录, 我们复制它对应的一个并的一个路径,然后回到我们的环境变量这,然后把这个路径填到我们 pass 里面,然后保存退出就可以了。然后我们在 power shell 里面输入可乐的杠杠 version, 如果能看到对应的版本号,说明我们可乐的安装是没有任何问题的。 接着我们可以输入 collab, 然后就可以看到对应的一个帮助文档了,然后我们再和大家来讲一下 collab 在 命令终端的一个登录过程,如果说你不登录是没办法正常使用的,我们登录的话,我们输入 collab 的 other, 然后 logo in 这个命令,然后进行登录,然后我们就可以看到这样一个界面,好在这个界面的话,他说需要我们选择一下代码的风格,也就显示的一个样式,我们选择默认就可以了,如果说大家喜欢其他颜色,你就选择第一个或第二个都可以啊。回车以后我们就会来到这样一个界面,他说选择一个登录的一个方法。 好,首先第一个的话,他说使用我们可乐的账号登录,也就是刚才我们前面创建那个账号登录,或者是用我们的其他的 ip 接口,也就是密钥的形式进行一个配置登录,或者是第三方的一个登录。 好,我们这边的话选择第一个啊,如果说你有第二个密钥的话,你就选择第二个就可以了,好,我们选择第一个回车,回车以后你会发现他给你输出了一大串 u i l 的 一个地址,他说需要你拷贝一下,在浏览器里面打开好,然后我们在浏览器里面打开就会看到这样一个界面, 他说当前我们是普通账号,没办法使用 max 或 pro 版本需要的一个功能,需要我们升级。好,这边的话我就不升级了,我觉得不划算。 这里我们给大家教第二种方式啊,使用国内的一个模型来使用可乐,首先我们打开智普的开放平台,然后我们点击开发指南, 然后在这边的话有个可乐的 ipi 兼容好,然后我们往下拉好,在这边的话我们唱玩可乐的,我们点一下它好,在这边的话你会看到它又多了一种安装可乐的方式,它是用 npm 来安装的,如果说你用我第一种方式安装不成功,我们就用这种方式来安装, 我们只需要下载一个 load gs 和对应的 get, 它说前提条件,你下载好,然后用这个命令,然后直接安装我们 kol 的 code 就 可以了, 安装成功还是用 kol 的, 然后杠杠 word 看有没有安装成功。好,这就是第二种安装 kol 的 方式,非常简单。好,下面的话我们就给大家说一下怎么样来配置国内的一个模型。 好,有了可乐之后,我们再安装一个图形化界面,就是用来配置 ipm 密钥的。如果你觉得用第一种方式安装图形化界面来配置 ipm 密钥比较麻烦的话,你就用第三种方式啊,第三种方式的话它就是手动配置好,首先的话我们找到我们对应的一个加目录, 然后里面有个点 color, 也就是 color 的 一个配置文件都是在这里面的。好,这里面的话有个 sentence 点 json, 如果说没有,你就创建一个,一般都是有的。然后我们只需要把这段 json 配置文件复制到你对应的 json 文件里面,点 json 文件。好,我们只需要改一下哦,你的 api 密钥。 好,这个 api 命令是从哪来的?我给大家说一下怎么创建好。首先我们在这边的话打开控制台好,然后点击这个 api k, 在 这里的话,我们只需要点击添加一个 k, 然后把你的这个 k 复制一下, 然后粘贴到这就可以了。包括我们用第一种方式的话也是一样的啊,我建议大家推荐用第一种方式啊,这样的话大家不容易出错。好,我们带大家用第一种方式来配置下 api, 我 们打开 power show, 输入对应的这条命令, 然后回车进行安装就可以了,安装完成以后我们选择中文,然后选择这个中国版啊,然后输入对应的 a p i k, 就是 你刚刚创建的这个 a p i k, 然后复制粘贴到这就可以了。然后我们再回车,他说已经设置成功了,成功之后紧接着他需要我们选择一个编码工具,好,编码工具的话我们选择可拷抠等就可以了。然后回车,我们看到这个界面的时候,他说配置已经同步完成了,好,说明我们配置也就已经成功了。 这时候的话我们就可以使用 cologold 进行编码了,现在我们就可以用 cologold 的 命令终端来创建项目了。首先的话我们先创建一个项目的一个文件夹, 这边的话我就起一个植物大战僵尸,然后我们进到这个目录,然后按住键盘的 shift 键打开我们的 power shell, 打开 power shell 之后,我们输入 cologold 的 这个命令,然后回车。 好,这时候的话就来到这样一个界面。好,来到这个界面之后,我们在这里就输入对应的一个提示词,让可乐帮我们去做一些事情,然后我们输入这段提示啊,帮我用 html 加 gs 实现一个完整版的植物大战僵尸, 界面美观,能直接用浏览器打开运行。然后回车,这时候的话他就开始帮我们写代码了, 我们可以按住我们的卡硕加 t 看到更多详细的形象。好,当出现这个页面的时候,我们直接点 yes 就 可以了,选择 yes。 回车现在告诉我们完整版的植物大战僵尸已经创建完了,并且在当前目录下创建了一个 html 的 网页, 然后游戏的特点,然后植物的种类的话有六种,然后僵尸有三种游戏的玩法, 还有界面的一个特点也根本都罗列出来啊,这个是非常好的,然后说直接用浏览器打开就可以玩游戏了。好,我们打开看一下。好,这时候我们点击开始游戏。好,这时候的话他就可以正常玩了,但是还是有很多问题啊,发现。

兄弟们,五分钟内让你彻底上手卡的扣的!哈喽,大家好,我是阿亮,卡的扣的几乎是一天一个版本的节奏,在更新证明公司已经把卡的扣的作为了二零二六年最重要的产品之一在推进这个工具呢,建议所有人抓紧用起来,真的是非常非常的好用。 之前跟大家分享过如何安装 cloud code 以及如何使用 cloud code scale 的 这个技能,但很多小伙伴呢,对 cloud code 其实呢比较陌生,可能是因为它是一个命令行工具吧,我们有这种感觉呢,主要是因为你不了解它,当你了解它的时候呢,你就会觉得,哦,原来这么简单。 我是深度的 color code 用户,几乎日常百分之八十的工作呢都是在 color code 中完成的,写代码啊,写文档,写作,操作电脑等等吧。所以我打算呢分两期给大家详细的讲一下 color code 的 使用方法,今天主要讲一下基础用法,掌握了这些基础用法,你就可以快速的上手使用它。 下期我们再讲克拉扣的境界玩法,这期我们从这五方面展开讲解,五分钟内让你彻底学会使用克拉扣的好了。发车一,如何启动启动克拉扣的常规的两种方式,第一种是普通模式,直接输入 club, 然后回车。 这种模式下他执行操作前会先询问,比如新建文件夹,删除文件等等,你确认后他才会进行下一步。第二种完全的授权模式,输入 cloud, 后面加上这个三个单词, dangerously skip permissions。 这种模式给予他最大的权限,可以自主执行任何操作,不需要经过你的同意, 我一般呢使用第二种方式,到目前为止没有造成过任何的损失。如果你不熟悉呢,建议先用第一种方式,一步一步的交互。二、基本的交互输入文字很简单,进入客户的后,直接点击输入区域,输入文字回车就可以了。那么我们如何输入图片或文件呢? 首先我们就正常的先复制到剪切版,然后苹果用户用 ctrl 加 v 进行粘贴, 如果粘贴不成功,也可以直接把文件的路径给他。接下来我们看第三个工作模式,在界面下方,这里会显示当前的模式, 我们按住 shift 加 table 键可以切换,这样一下又切换到了下一个,我们会发现有三种模式, 那这三种模式有什么区别呢?首先是 play model 规划模式,它会针对我们的问题先思考,然后给出详细的方案。这一步它不会自己去执行任何的操作,只是做计划。 第二个呢是 accept edits, 自动接受编辑模式,这种模式下它可以自动地读写文件,但是呢没有操作工具的权限。 第三个是 bypass permissions, 这个就是它有所有的权限,它可以进行任何的操作。我一般处理比较复杂的任务时,我先会用 plan model 规划模式,让它先理解需求,制定方案,如果方案不合适,让它再调整,没问题了就开始干活。 好到这里我们就可以正常地与 client code 沟通了。但 client code 里面最重要的呢,是它的斜杠命令,我们输入一个斜杠,能看到后面出了很多的英文单词。 接下来我们重点讲一下这些命令呢是干什么用的。第一个是杠 login, 通过字面意思呢,大概能知道这是一个登录的命令, 不过这个是针对官方账号,如果没有官方的账号,需要用另外的方式来配置。之前我在视频里面讲过,大家可以去看一下。对应的是杠 logout, 就是 退出登录。杠 init 命令, 这个命令的作用是对整个项目进行一个大概的了解,然后生成一个 cloud 点 md 的 文件,这个文件里面写的就是他对整个项目的理解,后期我们跟他对话的时候,他就会把这个文件作为自己的上下文。 当然我们也可以在里面加入一些自己的要求,比如希望他用中文跟我们沟通,或者希望他每次修改完代码之后呢,做一次 commit。 我 们把这些常用的要求呢都写到这个文件里面去。关于 cloud 点 md 的 介绍呢,我们下节课再细讲。 杠 model, 这个比较简单,用来切换模型,目前官方的模型呢有三个, opus、 soul net 嗨酷,一般日常任务呢,就选中间这个。 soul net 这个模型性价比相对高一点,如果处理复杂的任务呢,我们就选 opus, 这个模型呢是最贵的杠 config, 它的作用呢是对 client code 进行一些基础的配置,我们可以看到 有是否开启自动压缩提示,是否开启思考模式,可以选择主题是深色模式还是浅色模式,可以选择大模型。跟你教会的语言默认是英文,我改成了中文,还可以设置默认的模型等等。我们可以根据自己日常的习惯呢,在里面进行一些常用的配置。 get resume 这个命令的作用呢,是列出我们所有的对话历史,然后选择某一个跟它进行继续的沟通。 比如昨天处理一个任务,处理到一半回家关电脑了,第二天起来呢,我们就输入杠 resume 上下方找到这个对话,进去之后呢,就可以跟他继续昨天的那个历史聊天。杠克令,当一个任务完成了,如果继续在同一个对话里沟通,他会把之前所有的对话内容作为上下文带到大模型去, 这样其实特别的费 token。 常规的做法呢,是完成一个任务之后,执行杠克令,把之前的对话清空,重新开始。当然呢,还有另外一种方式呢,是输入杠 new, 新开一个对话。 杠复位这个命令呢,是最近才出的,因为撤销之前的操作。以前的方式呢,我们是告诉卡的扣的,哎,请你帮我撤回。但是这么做呢,有一个问题,他有可能撤回的不干净,会导致呢出问题。现在有了杠复位呢,我们就可以在里面选择要撤回到哪一步,回车之后,他就恢复到了那一步时候的代码状态。 杠 agent, 列出所有的智能体,但我们调用 agent 是 通过自然语言来调用的。杠 mcp, 列出所有已安装的 mcp 服务器,可以通过键盘的上下键来选择。关于 mcp 呢,咱们这节课不详细讲,下节课给大家讲一下 mcp 的 高级用法。 杠 skills, 这是现在非常火的一个技术。输入杠 skills, 可以 列出本机所有已安装的 skills, 比如我这里有写作的,有 pdf 读取的等等。 关于 scales, 大家可以去看一下我之前发的 scales 写作的那些视频讲的还是比较详细的。杠 compact 这个命令的作用呢是压缩上下文,当然现在我们其实不需要手动输入这个命令了,会画快板的时候, card 的 hold 呢,会自己去执行这个命令。 杠 export 这个命令是将当前的绘画记录导出成一个文档,方便我们呢做备份,或者说在其他的地方查看。杠 user, 查看当前 token 的 消耗情况,这里显示当前绘画使用了多少本周所有模型的总消耗,还有特定模型的消耗。 get permissions, 用来调整 client code 的 权限,第一个是 allow 给予所有权限,第二个是 ask, 就是 要先询问你。第三个呢是 denny, 就是 拒绝权限。第四个是信任当前的目录,在这个目录内可以随便操作。最后一个是杠 exit, 输入这个命令就退出了对话的窗口,退出了 client code, 当然退出对话窗口呢,还有另外一种方式,就是我们按两次 ctrl 加 c 强制退出。好了,最后给大家讲一下在终端里面常用的一些快捷键。首先是 ctrl 加 a, 将光标移动到首行,比如我们输入非常多的内容,但是想改一下第一个字,现在光标是在最后一个,如果我们按住左键,它会移动好多个字才能到了第一个。现在我们只需按快捷键 ctrl 加 a, 它就回到了最开始。对应的还有一个叫 ctrl 加 e, 回到行尾, 然后是 ctrl 加 u, 删除光标前面的所有内容,所以它是一行一行的删,它不是一段一段的删。再就是 ctrl 加 k, 删除光标后面的内容,如果不小心删错了怎么办?我们就按 ctrl 加减号就撤回了刚才的操作,所以 ctrl 加减号呢是撤销键, 有的人的快捷键可能是 ctrl 加斜杠,大家可以试一下。好了,以上就是 color code 的 基础用法,我把这些内容呢整理成了完整的文档,大家在日常使用的时候呢可以参考,需要文档的话可以找我要。下期我们再详细讲解一下 color code 的 高级用法,拜拜,大家点点关注哈,跟着阿亮学 ai!

好,先给大家分享一个开源项目,叫做 abccloud code, 它在 github 上目前斩获了三万五千的关注,它是来自黑客松冠军提供的一组 cloud code 的 题子词。那什么是黑客松冠军呢?黑客松,你可以将它理解成是一群最会用 ai 的 人在一起赛, 那类似于马拉松嘛,只不过说,诶,你用 ai 去打比赛,就改成了黑客松,那这一些打比赛的人,他的冠军就分享了他用到的题子啊,就是这个项目的由来。 那我们一起来看一下黑客同冠居的提子词到底长什么样子。其实可以看到啊,就是它提供一些我们经常常用到的一些概念,比如说像 ajax 子弹,你 skills, commands, hooks, 这些都是我们经常用到的,但是呢,它将它整理成了一个规范化的目录, 帮助你去更好的去使用这些工具,所以就是这个项目的一些完整的作用。那它也是经过了十个月的密集使用,在生产环境当中进行了实弹验证,确实能够帮助它提高效率。 首先我们可以看到它有一些核心的组建,比如像 ajax 指令、 skill 技能,把这些概念呢全部塞到一个文件夹里面,那每一个文件夹呢? 专门干这一类事情,比如说像开慢的,对吧?你看提供一些开慢的,比如说,哎,我这个命令呢,专门做这个命令修复,比如说我想要去做一些 bug 的 修复,对吧?那你就可以使用这个命令,或者说做一些检查,又或者说做一些代码审查。那它和传统的题词有什么不同呢? 还是有的,比如说我给你举个例子啊,那这时候我们上下文是不是?你看这是我们上下文,你不断的去对话,不断去对话,不断去对话,这时候上下文是不是 满了,对不对?他说又开,新开一个对话,新开一个窗口,那这个新开的窗口呢?注意看啊,你的这个上下文窗口是不是被压缩了?因为大家都知道模型 对上下文是有限制的,比如说 deep stack 是 一百二十八 k, 对 吧? altcode 呢?它的模型也是一样的,并不能够,哎,提高你模型的这种上限,所以你模型限制了,怎么办呢?这个它就提供了一个脚本,这个脚本的作用呢,就可以帮助我们啊,做些什么事情呢?哎,把你把最后用的一些习惯给它抽离出来,抽离出一个 skills, 也就是技能, 他把这些技能呢,不断的去,哎,创建一个新的这个规范,然后呢能够让你的这个 cloud 的 code 变得更好用,你看你就所谓的这个循环学习验证,循环啥意思啊?不断的循环,你越用越好用,他有一个脚本,这个脚本呢会帮你去,哎,跑跑你最近的这个时轮的上下文,帮你记录你的上下文,他拿到你的上下文之后呢?怎么做? 哎,压缩,压缩之后呢,抽离成一个习惯,比如说哪些是你的编码规范,哪些是你的数据库习惯,你可以加他这么去理解啊,就是他提供了几个核心概念,然后呢,我们可以看到,对吧?比如说像第一个子弹里,对吧?他提供了这么多子弹里,就是说他已经写好了,你不需要额外去写子弹里,你直接用他的子弹里就可以了。比如说,哎,我们回到这个 agent 啊,这里面做他子弹里,你说 对吧?每一个子弹里的描述,可以看到它是非常清晰,对不对?那你就可以使用这个子弹里的名称,子弹里的描述,子弹里能够使用的工具, 以及子弹里用到的模型,你看是不是很有意思,对吧?每一个子弹里呢,都分别类的有自己的模型,好吧,这就是它的这个子弹里系统。第二个呢,就是 skills, 你 看这个 skills 呢,它也提供一些哎,它使用的 skills。 然后呢?这个 skills, 啊,有很有意思,就是你用它的这个 skills 呢, 你不会出现一些奇奇怪怪问题,因为人家已经做过验证了,就是在生产环境已经做了很久的验证,它用下来没有任何问题。这命令不用说了,开麦的文件夹里面有一个 plan 的, 一个一个一个做计划了,我们讲就这个,你看我一般用的最多是这个 mini, 这个 mini 我 觉得还是挺好用的,比 cursor 自带的会好用很多 啊。然后再往下走,就是一些上下网的压缩了。其实我们看到一些工具的题型,所谓的 hook, 类似于我们学 video 的 生命周期,比如说像 spring a o p, 对 吧?它在前字后字做什么操作?类似于这种操作啊,比如压缩前,对吧?我做一些什么事情,做一些后面做一些什么事情, 这就不用多说了,比如说,哎,自动加载上下文,在绘画结束时,开始时加载上下文,结束时加载上下文。比如说我在你结束时,他们做一件事情,什么事情呢?我在结束的时候,我把你上下文的一些习惯抽离出来,保存在一个文档里面,这时候呢,我下次执行的时候在这从你文档里面去抽取,哎,这样我就知道,哎,你的习惯是什么,对不对?这就能够帮助你去智能的压缩你上下文,优化你 open 的 一个使用, 嗯,这是一个很不错的开源项目,包括比如说一些持续学习,对吧?一些开源项目使用起来非常简单,我们只需要复制这个命令,对吧?你复制之后, 复制之后下载本地,然后呢通过 cloud 的 这个呃功能把它加进去,加进去之后呢,这时候你看看到没有,它就会自动地去,哎,访问你这个项目里面的这个刚刚我们收到的命令啊,代理啊,钩子啊,技能呢?一键的去配置好,好吧,非常的方便。 那它也提供了一个上下文管理的一个习惯,不建议你使用所有的 m c p, 所以 这个时候你可以把 m c p 呢给它注视掉,或者说,哎,把它删掉都可以,对吧?不建议去全部使用。 这时候呢,你这上下网就会更加的好用,非常的 nice。 好 吧,那就是本期视频的全部浏览,如果你也对这个项目感兴趣的话,可以下载下来啊,尝试一下,我觉得还是非常有意义的。好吧,嗯,再见。那就本期视频全部浏览,我是小刘,我们下期再见。

今天这期视频啊,我们只讲一件事情,就是普通人怎么用 cloud code 把自己需要的工具直接做出来。很多人听到 code 这个单词啊,写代码觉得跟自己完全就没有关系,但其实 cloud code 除了超强的这种写代码能力之外, 它还能做很多日常的任务,比如说数据分析啊,比如说这个每日资讯的爬虫啊,比如说文件管理等等,甚至连修图 p 视频这种活啊,它也能帮你把流程搭起来, 因为他啊,不是某一个具体的工具,他是一个圆工具。什么叫做圆工具呢?就是可以搭建其他工具的工具,你用大白话讲清楚自己的需求,比如说我想做一个网站,我想搭建一个自动化的工作流,我想有一个小助手,每天帮我整理资料,他就能帮你一步一步把这些东西搭出来,能跑能用,最后呢,还能帮你去点 现在每天的新工具啊,越来越多,更新的也越来越快,反而呢,会让我们更容易掉进这种效率陷阱里面,学一堆的零碎的工具,越学越忙,效率越学越低。所以我觉得普通人更应该去学这种顶级的通用的工具,学会一次之后啊,以后想要啥就可以做啥。这期视频啊,是 cloud code 的 入门视频,我 会带你从零上手,先用五分钟时间呢,先讲清楚怎么去安装配置 cloud, 当然已经安装好的同学呢,可以直接跳过这五分钟。第二部分呢,我会教大家第一次启动 cloud 怎么用,怎么去提需求,然后会带大家去做几个案例,比如说从零开始,构建一个精美的笔记软件,一些除了写代码之外的其他的生活当中的使用场景。最后呢,再补充一些我自己总结的使用经验,使用建议帮你少踩坑,用的更加顺畅,就算你完全没有写过代码,完全没有用过 cloud code 的 类似软件 也能跟得上。重要的不是用的好不好,重要的是先用起来。好,我们开始啊,首先呢,我们要来安装 cloud code, 那 基本上呢,至少有三到四种方法可以使用 cloud code, 我 们今天只讲最适合新手最省心的一种方法,就是在像 vs code 或者像 cursor 这样的 ai 编程软件当中去使用 cloud code。 这个呢有两个原因啊, 一个呢就是因为现在这些编程软件的进步速度非常快,不断地推出非常有趣的这些新功能,我们可以在使用 cloud code 的 同时呢,能结合这些编程软件推出的新功能。第二点呢就是 cloud code 啊,原声其实是在终端里面跑的,终端大概就是长这样子,就是一堆文字的这样的窗口,新手一上来呢,其实对着这些窗口啊, 很容易直接劝退,但像 vs code 和 ctrl 这样的编程软件呢,其实界面就更加友好,在这个界面上面点点鼠标就可以操作。我们这个视频里面以 vs code 为例啊,你可以直接去这个 scode 的 官网,然后去下载这个 vs code 的 安装包,然后一键安装,完全免费的。安装好之后啊,就可以直接打开 vs code, 可以 点击这里的 open project 新建一个文件夹,名字叫做 cloud code test 创建让这个文件夹信任这个 vs code 的 里面的工具。好了,你看我们刚才建的这个 cloud code test, 这个文件夹已经打开了。安装完这个 vs code 的 软件之后呢,接下来第二步就是我们要来正式开始安装 cloud code。 cloud code 安装呢,其实也不难啊,我们先去这个 node js 的 官网去 去下载安装这个 node js, 然后你可以用比较简单的下载程序包安装的方式去安装。安装完 node js 之后呢,我们再回到 vs code, 打开这里的 terminal 终端,接着呢,我们把这条命令直接复制进终端,直接按回车,确定输入一下密码,然后系统呢就会自动开始安装 cloud code 了。因为我这里已经安装过了,所以呢就不再去演示了,这个视频里面用到的所有命令,所有提示词呢,我都会放在黑猩猩基地里面, 我真心觉得呢,大家不必害怕这样的终端界面,或者是像类似于这样的终端界面,看起来很专业,很复杂,全是文字,但你刚才看到了我们的操作, 只是一些简单的复制粘贴的操作而已。然后再给大家分享一个比较实用的技巧,就是我一般会在 webcoing 的 时候呢,在旁边开一个其他的 ai 聊天窗口,比如说 jimmy 叉 gpt, 都有包前吻,哪个熟悉的你都可以在安装过程当中有任何的报错,任何按钮找不到了,哪一步卡住了,你都可以截图或者复制错误的信息, 然后直接黏贴过来,它基本上都能帮你瞬间解决掉这个问题。到这一步为止呢,其实 cloud code 已经安装好了,我们可以直接在这个终端里面输入 cloud 的 这个单词, 然后新人这个目录,当你看到这个 cloud code 的 logo 的 时候,说明你这个 cloud code 已经安装成功了,我们先退出。但对于小白来说啊,我觉得其实最好再安装一个 cloud code 的 插件,可以提供一个更好的交互界面。我们在这里插件,这里搜索 cloud code, 然后看到这个 cloud code for vs code 之后呢,这里这里有个按钮,直接一键安装就可以了。然后安装完成之后啊,你会在这里发现有一个 cloud code 的 这个小图标,我们直接点击打开,然后我们最终就得到了一个在 vs code 的 编程软件里面的 带插件的 cloud code。 到这一步的时候呢,你 cloud code 的 整个安装流程就完成了。好安装完成之后呢,还有最后一个关键的问题就是 cloud code 的 里面用什么模型, 这个搞定之后啊,你就可以真正的开始使用 cloud code。 cloud code 的 本质上呢,是一个终端里面的这个智能开发工具,所以它自己啊不产生智能,背后必须接一个大模型的服务。官方默认的呢是走这个 elastic 的 cloud 模型,但因为海外服务,大家都知道这个众所周知的原因, 很多人都会遇到网络啊,支付啊,账号啊,稳定型一堆的这个限制问题。但如果你这些自己都能轻松搞定,那你可能也不需要我这期的入门视频了,所以更常见也更适合大多数人的方案呢,是 直接接国内的大模型接口,价格更便宜,稳定性更好,能力也完全够用,比如说智普的 g l m, 比如说 mini max, kimi 等等。为了让整个这个大模型接口的配置过程也更适合小白更友好,我推荐一个接口的管理工具,叫做 cc switch, 大家可以去搜一下这个 cc switch 的 这个下载和使用教程, 它的作用也很直接啊,就是你可以购买多个服务商的不同的模型,比如说有时候这个模型比较便宜啦,有时候那个模型可以有一些优惠的政策啦。 c c switch 可以 帮助你去管理所有的这些不同的模型, 如果你想切换哪个模型,就直接点一下这个启动按钮就好了,非常方便。顺便说一嘴啊,它除了可以管理 cloud code 的 这个接口以外,它还可以管理 codex 和 和 gemina 的 这开发工具的背后的接口。具体怎么使用呢?第一步啊,你要先去这些大模型的官方网站他们的购买页面去购买他们的 coding plan, 买完之后呢,然后去可以去到他们的这个 apikey 的 管理页面去创建一个新的 apikey, 然后把这个 apikey 复制出来,先放好,因为等一下要用一般都是在用户中心的 apikey 管理页,或者是类似的这样的页面里面。第二步啊,打开刚刚的这个 c switch, 然后这里有一个 添加服务商的按钮,然后先选择你的品牌,然后把你刚刚复制的这个 api key 复制进来,然后添加就行了。添加好之后呢,你就可以在这个首页,然后用这个启用按钮启用你刚才新添加的这个考勤 plan 的 这个接口,这些都完成之后呢,就重启你的 cloud code, 然后你的 这个整个 cloud code 以及它后端的这个模型接口都可以生效了。好了,到这里为止啊,就 cloud code 的 所有安装配置流程都已经全部用完了,我们回到 vs code 的 这个软件里面,打 打开这个 cloud code, 接下来我们就来体验一下,为什么很多人说它是二零二五年,甚至到现二零二六年还是最强的 ai 工具。 先介绍一下这个看起来酷酷的这个界面的主要功能,左边呢是项目文件夹,这个就是我们刚开始建议的这个项目文件夹 c c test, 然后中间呢是编辑器,到时候如果有文件生成,你想看某一个具体的文件内容,就会在这个中间显示。右边呢是 cloud 的 核心的聊天窗口,也是你主要跟 cloud 的 交互的地方。正好我们刚刚添加了我们自己的这个大模型接口,所以呢,我们可以在这里直接问他,你现在使用 的是什么模型?他回答呢就是我们刚刚添加的这个新的模型。从刚刚这个这么小的例子当中啊,你可以体会到我们在使用 cloud 的 过程当中啊,不 管你有什么样的问题,你都可以直接问 cloud code。 然后这里呢还有一种更帅的方式,因为 cloud code 里面它自带了很多实用的功能,这些功能呢都可以用斜杠加一些这个英文单词来调取,比如说 输入斜杠,然后后面加上这个 model, 它就会显示你现在正在使用的模型和其他可选的这个模型选项。当然还有很多其他的这个斜杠功能,但我的建议呢是,你完全不需要在现在这个阶段去死记硬背,慢慢用起来,你自然就会记住了我们的思路呢,也是后面用到什么,我们再会去讲什么 好,我们接下来呢来试着用 curl code 做我们的第一个应用。在开始做应用之前啊,我最后再讲一个关键,关键的功能叫做 plan mode, 你 可以在这里看到,现在呢,这个模式叫做 ask before edit, 就是 每次这个 cloud code 想要编辑的文件呢,它都会问你一下同不同意,你按一下它就会变成这个 cloud code 自动去编辑的模式,你再按一下呢,就会出现这个 plan mode。 plan mode 呢,是整个 cloud code 里面极其重要的一个知识点,它的核心价值呢是它不让 ai 立刻帮你去写代码, 而是让你和 ai 来回的去讨论这个方案。把方案定下来之后呢,再去写代码。很多时候,你想让 cloud code 去真正改代码之前,你希望它真正理解你的需求,真正理解你想要去做什么。这就是 plan model 的 这个用途, 先确定它的计划是否符合你的预期,再去执行。很多人抱怨说这个 ai 智能体 ai agent 不 可靠,然后会乱改东西,也实现不了我的需求。但大部分时候啊,都是这个 plan 不 够好的问题。 如果你能正确的合理的使用这个 play mode 智能机啊,大部分时候都会按照你的要求来做事情。还有一点啊,就是如果你不知道什么时候要选 play mode, 什么时候不选 play mode, 那 我的建议啊,就是你所有时候所有场景都把 play mode 给勾选上。好,接下来我们就开始我们的第一个案例。我的提示词是这样子的, 我想开发一款高级的笔记应用,用户能够在一个强大的编辑当中去记录笔记,能够将笔记保存到这个文件夹中,并按照自己的意愿进行整理,甚至还能结合一些 ai 的 功能。 请你为这款应用赚写一份 prg 的 产品文档。然后 cloud code 呢,会反向来问你这个具体笔记软件的一些这个具体的需求,它有了我们的这个回答之后呢,它可以更具体更准确的去编写这个产品文档。好,需求文档写完了,我们先选择我们手动去看看这个需求文档。 需求文档如我们所想一样,就是写的非常全面,包括了产品概述,技术的架构,然后功能的需求。 主要来看一下这个核心的功能点。第一个呢,就是一个笔记的编辑器,然后是笔记的管理。第三点呢,是 ai 智能写作辅助的功能,它还帮我们设想了一些拓展功能,在后续版本当中可以再添加。但说实话,这种 p r d 呢,当然写得很好,但对于小白或非技术人员来说呢, 真的是太完整,太大太全了。对我们来说呢,最稳的方式就是一次只做一个小版本,然后测试,再确认,再加入下一个功能。所以呢,我跟他说,第一个版本啊,让我们先完成这个前端的部分,做一个本地能运行的 demo, 然后把这个模式改成 play mode 发送。 在 clockcode 执行的过程当中啊,它经常会向你问一些问题,以及申请一些权限。然后呢,如果你想一步步每次都确认一下,你就每次都点 yes, 因为我已经用过 clock 很多次了,所以我一般都直接让它默认帮我执行。因为我觉得一步步去 确认比较麻烦,所以我就选择 yes, 在 这个项目当中都会给你这个权限。 clockcode 大 概花了十分钟的时间帮我们实现了这个第一个版本, 看一下它这个历史的聊天记录啊,最后还去确认一下一开始设计的这功能表当中,是不是把这些所有功能没有遗漏的去完成了。最后呢帮我们在本地运行了一个服 务,让我们打开这个网址,去看一下最终的效果。打开之后这个效果呢,我觉得就非常好了,因为我正好要跟大家去讲怎么样在这个 webcoing 当中去 debug, 因为 debug 是 webcoing 当中非常非常重要的一部分, 本来还想说要自己设计一个这个错误,然后来教大家怎么去这个第八个方式,然后正好这里给了我们一个错误。好,我们现在看到了我们打不开这个网站了,那怎么办呢?根本就不用慌,我们可以直接把这里的错误信息全部复制给 cloud code, 当然有时候呢也可以截图,他这直接提供了这个复制按钮, 点击复制,然后直接把这个错误信息复制给 cloud code, 让他帮我们去修复好,他说修复完成了,我们再回到这个网页。哦, 果然修复完成了,你把错误信息直接复制给 cloud code, 在 百分之九十情况下, cloud code 都能帮你去直接修复。我们来具体看一下 cloud code 的 为我们生成的这个笔记软件,光从页面上来看呢,这个第一个版本已经非常像样了,中间应该是这个核心的主要的编辑区域,然后左边呢是这个 文件夹的管理,文件的管理区,我们来新建一个笔记,随便试一下 markdown 格式,标题序列号 也没问题,虽然有一个小 bug 呢,但是这么复杂的一个笔记软件,这么高级的一个笔记软件,能在十分钟之内完成,还是让人感觉到很爽很爽。这里啊,我再给了一个我自己日常使用的一个小建议,前面也顺带提到过,就是在使用 cloud code, 或者是在这个使用 webcoding 的 时候啊, 旁边一定要开一个这个独立的 ai 聊天助手,你随便选一个主流的大模型都行。这样做呢,其实有两个很现实的好处,第一个呢,就是随时救火, 遇到不明白的按钮啊,报错啊流程可以直接把问题丢给他问。 geocode 是 这两年最强的代码智能体之一,主流的大模型啊,基本上都能知道它的常见的用法跟常见的一些坑,所以呢,能给你立即的解释清楚。第二点就是提高复杂任务的这个成功率,有时候一个项目做不成, 一开始方案就不够稳定,在 cloud code 给出它的方案之后啊,我们再用另外一个模型做一次交叉的验证,往往能补出你没想到一些风险点,一些边界的条件,甚至给出更简单的这些替代的路径。具体来说呢,你可以把 cloud code 的 刚刚生成的这个计划直接复制捏切进来,然后问它这么两个问题,一个呢,就是这份计划当中最大的风险跟缺点是什么? 另外一个啊,就是有没有更稳妥,更简单,成功率更高的实现路径,然后把杰米呢生成的这个方案再黏贴回给 cloud code, 让 cloud code 基于新的建议更新计划,并且继续执行。我们开头的时候说了,这个 cloud code 呢,是一个顶级的通用 ai 工具, 之所以叫通用工具呢,是因为它除了写代码之外,还可以做很多其他的日常任务。我给大家演示几个例子,比如说呢,我打开一个新的文件夹,然后呢,这个文件夹里面有之前我的三个视频, 我现在呢想把它们转换一下格式,并且提取视频里面的音频。这对普通小白来说呢,其实是一个蛮复杂的一个技术性的工作。但我现在可以直接在这个文件夹里面打开 cloud code, 我 可以直接跟 cloud code 说,帮我检查一下当前目录下所有的 mp 四文件, 把它们转化一个格式,并且提取它们的音频,单独存到一个 audio 文件夹里面,保留原来的原文件。我们直接发送给 cloud code, 我们看到因为我们缺少一些视频转换的工具, carlo 会发现这个问题,然后自动帮我们去下载安装这个视频转换的工具。好,任务全都完成了,我们来看一下,它给我们新建了两个文件夹,一个是 odo 文件夹,里面有三个对应的音频, 然后是一个 m o v 文件夹,里面有三个 m o v 的 视频,你们看啊,这样一个视频转换跟音频提取的任务就轻轻松松的搞定了。再来一个案例啊,再比如说,我有一个,比如说这样的一个文件夹 面全是杂乱的这个图片跟视频,然后呢,我想让 carlo corder 帮我去整理一下这个文件夹,直接跟 carlo corder 说,根据文件的类型跟日期,帮我把文件夹里的杂乱文件分别对应到文件夹里发送给 carlo corder, 反而会来问,你说按什么方式去组织这样的文件?呃,比如说,我就选一个按类型跟日期。 好,任务完成了,我们来看一下,有三张图片呢,好像没有被整理进去,但没关系啊,我们先不管他,我们来看一下他帮我们整理的结构,在这个图片文件夹下呢, 这个二四年三月份有一个文件,二五年四月份有十一个文件,二五年一月份有一个文件,然后等等等等,我们来看一下真实的这个文件 家里。 ok, 没有问题啊,他整理的还挺好的,然后速度也挺快的,基本上就花了二十秒钟时间嘛。但是他有时候也会有些小问题啊,比如说这三张图片没有整理进去,但如果你让他再去整理一遍的话,他应该也会帮你把三张图片进去分类。当然这样的场景呢,有很多,我不在这里一一举例了, 大家可以自己去体验一下,自己去探索一下。好了,视频到这里为止啊,我们已经完成了一整套的 clock 的 最关键的入门,我们一开始装好了 clock 的, 接好了模型, 在 vs code 里面跑起来用 play 模式啊,从零开始,做出了一个高级的笔记软件应用,然后正好在录制的过程中啊,我们还碰到了一个 bug, 所以 我们还学了一下怎么用这个 curl code 去 de bug。 最后呢,我们还展示两个日常生活当中会碰到的这个任务, curl code 呢,其实还有很多其他的高阶的玩法,大家应该也听说过,比如说 m c p 啊,比如说 skill 啊,比如说 sub agent 啊,这些呢,我们之后也会介绍,但我想说的是啊,这些其实都不重要,重要的就是你自己先玩起来,先用起来。好了,今天的视频就到这里了,我是李超,我们下次见。


hello, 大家好,我是 ellen, 最近 cloud skills 特别火,然后上周我也参加了一个线下的黑客松,跟着大家一起去呃搭建 cloud skills, 然后今天主要给大家分享一下,首先从怎么去安装 cloud code 到怎么去创建 cloud skills, 把整个流程给大家讲解一下。 呃,首先呢就是 skills, 我 个人的理解就是它其实是一个文件资源包,就是它把我们常用的一些任务的提示词,或者是它所需要的一些代码等等具体的一些要求打包起来。 然后当你用 cloud 去开发一些呃去执行一些自动化任务或者开发网站的时候,你可以输入一个很简单的指令,就说帮我用什么 skill 去完成什么任务,它就可以自动地去帮你调用。这个功能有点像之前我们做的这个 agent 的 一些嗯, function tools 之类的,但是它是基于 cloud 去集成的这样的一个自动化的一个技能包。 然后这里的话简单给大家过一下整个流程,因为百分之九十的小白可能会卡在安装 cloudco 上面。那首先是大家需要去安装这个 nojs, 因为它是基于这个去运行的。然后呢,呃,就是很多小白可能不太知道,就 cloudco 它是一个在终端去运行的一个呃程序吧, 所以很多人其实像我自己也不知道什么叫终端。就是你去找一下你的电脑有一个 windows 的 这样的一个呃,这个按钮,然后你按 windows 加这个二路键,它就会跳出这样的一个这个界面,然后你就点击确定这个就是你的终端,然后你可以输入这些代码回车,它就会给你去呃检查一些东西有没有安装成功。 那 clock code 的 安装本身呢,并不是特别复杂,但是可能这个过程当中会出现各样的问题,所以我可能会建议大家去用呃 cursor 去让 cursor 帮你去安装,或者是最简单的方式,我会直接去问查询 ppt, 我 会 直接输入一个很简单的指令,让他教我怎么一步一步的在电脑上去把 clock code 安装,然后如果出现了什么报错,呃,直接截图发给查询 ppt, 让他帮你呃调整就可以了。那安装好之后,你会看到这样的一个界面,就是已经安装成功了。 呃,但是呢,我们其实要用到里面的一些模型,还是需要去配模型的 api key, 因为众所周知啊,就是呃 cloud code 本身我们是很难在国内直接用 cloud 的 这个模型,所以我们建议大家去用一些国内比较好用的一些代码模型,比如说 g l m 智普的或者是 kimi。 那 我这里推荐大家用一下智普的这个四点七的模型,是最近比较强,而且它的性价比也很高,而且官方呢开放了很多百万的 token, 是 可以免费用的。然后具体怎么操作呢?就是大家申请一下它的这个账号,然后在这个控制台这里创建个 api key, 然后你保存好你的 a p i key 之后呢再用这个方式,就是官方文档这里有说明,大家也可以去看一下。用这个方式输入这个代码,然后一步一步按着它的操作输入你的 a p i key, 然后点击确定,基本上你就可以呃,就是把这个 这质朴的这个模型接入到你的 coco 里面,然后接下来最难,其实也不难,就是创建 skill 本身是一个非常简单的一个工作了,只要你走前面的这个百分之九十的坑之后,后面就非常简单。那安装完之后呢?其实只需要大家去在终端输入一下这个代码,这个代码是帮装帮助我们去啊 接入这个官方的 skill creator, 就是 让它可以帮我们去在 coco 里面创建 skill, 然后接入完之后,你就可以直接通过你的描述去创建 skill。 那 我可以演示一下,比如说我要新建一个, 新建一个 skill, 我 已经配置好前面的步骤了,所以我可以直接点这个 cloud 去启动这个 cloud code, 我 要去使用它,然后 好,我点击确定 yes proceed, ok, 它就会进入到这个界面。那这个界面呢?就是你可以去使用 cloud code 去创建 skill, 那 我可以直接输入我想创建的一个 skill。 好, 你只需要用自然语言去描述你想要的 skill, 呃,它就会按照 它要扣需要的这个 skill 的 文档的一些规则去创建,所以你根本不需要知道就 skill 需要包括什么内容,你只需要告诉他你想要的这个 skill 可以 实现什么功能和任务,它就会自动帮你创建,这是一个最简单的方式。 ok, 在 这个过程当中,它可能会不停地向你提问,让你确认一些事项,我们就直接点 confirm yes 就 可以了。 下面我尝试一下调用这个 skill 啊,目前它已经给我生成了这样的一个指令,让它去把我呃的一些文案的内容 变成一个 skill, 大家可以看到他给我生成的这个 skill, 包括这个 md 文档,也就是描述所有的这个技能的一个文档,然后还有一些必备的这个参考的一些,呃,文档,还有一些 example, 这些都是帮助他更好理解我想要什么类型的。呃,海报图的一些要求, 那我随便打开一个文档,你会看到它基本上就会有下面的这些它生成的一些。呃,要求这些的我们都是可以去个性化调整的,你可以直接在上面改,你也可以告诉这个 cloud code, 让它帮你按照你的要求去改,比如说配色啊,还有这个排版啊等等。 然后每次你调用旧的时候,它就会参考这里面的要求去生成这个封面图,然后它现在就给我生成,目前它显示生成完成,但是其实它耗耗费的时间非常久啊,五分多钟,然后它会生成在这个文件夹这儿, 然后其实可以看到它的结果呢,其实并没有很好,那是因为我的我没有给到它任何关于封面图的一些要求,它完全按照自己的理解来。所以呢,后续如果要优化的话,建议大家在你创建 skill 的 时候,你一定要把你的要求呃讲清楚。 呃,那另外呢,这只是演示我们整个创建 skill 的 一个流程,然后我在尝试了多个 skill 了之后,我也有一些新的体会。呃,首先是 我个人觉得 cloud skills 的 优势呢,其实在于它的权限更高,就 cloud code 的 权限更高,就它可以去在你本地创建一些文档啊,读取文档啊,所以可能比较适合一些本地的自动化任务,比如说我们经常要上网去搜一些呃爆款内容,然后写入到你本地的文件夹,但这是它非常擅长的。 另外呢,就是它在开发网页应用的时候,它更偏架构师的思维,就它会带着小白一步一步地去搭建这个网页,即使你不懂任何,你也可以去在它的这个带领下慢慢完成。 但是我个人觉得它还是有很大的局限性。一个是对于我们这种之前开发 agent 和 workflow 的 人来说,其实我们更需要的是去分享它,但是呢, skill 本身是只能在 cloud co 和本地的电脑去跑,它没有办法像我们这种 扣子啊之类的这种智能体直接分享给别人,然后别人直接注册就可以使用了。所以它的局限性在于,就是,呃,对其实对技术有一定要求,因为对方也需要安装这个 cloud co 才可以用你的 skill。 另外呢,就是它的交互,大家可以看到基本上是在这样的一个终端的,这样的一个界面可能看起来非常丑,非常的工程化。所以呢,对我们这种视觉性的小白可能不是特别友好,因为我们可能需要它格式化的去展示它写的什么代码,删了什么东西。但现在呢,所有的操作可能都像黑盒一样,就是你并不知道它具体做了什么,你只知道它完成了任务而已。 嗯,以及呢,就是它的局限在于,呃,其实你没有办法直接用,在国内不太方便用 car 的 模型去替代。那我个人还是觉得,比如说 像很多任务,其实并不一定需要用到 skill 去完成,就像刚刚我们展示这个封面图生成它非常耗时间,它耗了大概跑了十几二十分钟才把这个 skill 生成完并且运行。 那我这个效率可以直接在别的工具上去生成很多个图片了,所以并不是所有的这些任务都适合用 cloud skill 去完成,所以大家也评估一下你的这个需求,然后如果大家想要获取这个呃文档的话,可以在评论区找到。

orange 的 第九条件意识,用 post to use 钩子来格式化 cloud 的 代码。 cloud 本身生成的代码格式已经非常好了,这个钩子负责处理最后百分之十的细节, 避免在 c i 中出现格式错误。钩子的工作原理非常简单,用 pretty 或 excellent 在 关键的检查点做验证, 既保证了代码的质量,又不会过度干扰 cloud 的 工作流程。 forest 的 第十一条建议是老生常谈的 m c p 集成了多种外部工具, select 可以 搜索和发布消息。 bequest 运行分析、查询、分拣、抓错误日期。 select mcp 配置被 type 进点, mcp 的 接收文件与团队共享。这起说, cloud code 的 定位不只是写代码的工具,而是一个通用 agent。 它可以帮你查询数据库,回答业务问题,在团队沟通工具中搜索和发送消息, 执行任何可以通过 c l i 做 e p i 完成的任务。接下来会是本系列的第七集验证测者质量提升二到三倍的经验秘籍。看完这个系列, 相信你使用 cloud code, 乃至你的 ai coding 能力都会有一个全新的提升。后面的每一集都是干货,千万别错过。欢迎你继续观看,点赞加关注,获取更多的有价值的 ai 新信息!