推荐一个 cloud code 非常实用的工具,它可以让 cloud code 在 跑完任务后自动给你发送通知。这个工具叫 terminal notify 麦克,用户可以直接用 homebrew 一 键安装,安装完成之后需要修改下 cloud code 的 配置,配置一个户口 可以全区配置,也可以项目内配置。配置完成后的通知效果如下,有了这个工具,以后让 cloud code 做复杂任务时,再也不用傻傻盯着屏幕等结果了, 我们可以切出去摸摸鱼,或者做点自己喜欢的事情,收到通知后再来处理。这个工具的详细配置我放置在了评论区,有需要的自取,记得点赞关注哦!
粉丝2520获赞2.2万

大家好,今天给大家带来 mac 版本的 cloud code 安装,因为社群里有很多同学他是 mac os 的 系统,所以今天来补上这么个教程。 windows 的 同学记得看我上一个关于 windows 的 cloud code 安装视频。那我们现在开始。 首先我们可以进入智普的官网,它这里其实在它的文档中有 cloud code 的 安装教程,并且有多个系统的,包括 mac os 以及 windows。 但它这里写的非常简单,就比如说 mac os 用户推荐使用 nvm 方式安装 node js, 其实就是用命令行的方式嘛, 他也有命令行的这块,但事实上他这里的命令是不全的,中间会遇到很多的问题,那因此我总结出了一套完整的安装教程,并且按照这个去安装,不会出现任何问题。首先我们需要把自己的魔法上挂好,这里就不多提了, 然后接着我们打开我们电脑的终端,然后我这里终端已经打开了,我们可以看到包括 cloud、 node 和 nvm 都没有进行安装。那我们接下来挨个来。首先我们复制第一条,把代理的端口给它设置好, 如果不设置这条的话,就会有可能在拉取过程中出现网络的问题进行中断,我测过十次里面有九次都会中断,所以最好要给它挂上。然后第二我们需要安装 node js, 然后我们点击复制,然后点击终端直接把它复制进来。 接下来就是等待,然后发现现在已经安装 ok 了,也显示了版本号,对吧?然后有的同学他可能第一次在 macos 系统上面用到开发工具,我们在安装的过程中,他需要使用苹果自带的 get 工具, 然后如果你第一次使用前面没有使用过开发工具,就会出现如下的提示,我们可以点开这张图看一下,我这里也有截图, 那这个时候解决方法也非常简单,它已经藏在了它的提示里面,就是这里。然后这条命令我也已经整理到了文当中,我们可以看一下,如果你出现这个问题,你就复制这条命令, 接下来会让你输入密码,你把密码输入一下,就代表使用这些开发商工具,之前你同意了苹果的开发商许可协议,那么就能继续。 那么接着我们需要设置一下 nvm 的 环境变量,因为在苹果系统里,如果你的配置文件就是它的这条命令是不足以进行全取配置的, 就是我们可以看到上面这有条这个命令,它是没有办法进行全取配置的,因此我们需要再手动给它配置一下。那首先我们需要测一下这个 nvm 还在不在,就按照我的文档中的步骤就好,挨个复制,首先我们把这个给它复制进来, 然后接下来我们看一下 nv m 的 版本号,再把它复制进来,我们可以看到零四,零点四,对吧?它就是 ok 的, 那么我们就需要把这个配置永久生效,那我们复制还是文档中的这个代码,把它复制过来, 然后接下来我们让它重新加载,立刻生效, ok, 这个时候其实就已经生效了。 接下来我们测试一下 node 和 npm 这么两个版本,我们输入这个命令,我们可以看到它跳出来了两个版本号,对吧?一个是 v 二四,一个是十一点九点零, 这样就代表已经安装成功了,接下来我们安装 cloud code, 其实 cloud code 安装起非常非常简单,只要环境设置好的话,那我们直接复制第一条, 然后我们等待,我们可以看到它添加了三个包,那它已经安装成功了,我们可以看一下 cloud 的 版本,我们可以再把它 点进来二点一点五九,就代表 cloud 已经安装成功了,然后把这行给它复制过来,这个就来自于我们制普的官网, 稍等片刻就会运行它的智普 a p i 配置脚本,那我们界面语言设置成中文编码套餐设置成中国版,这个可以自己设置,我们重点就是在这里填一下自己的 a p i k, 然后我们选择更新 a p i k, 然后我们打开浏览器,进入智普官网后,点击右上角的 a p i k, 稍等片刻,然后我们把这个 api 可以 给它复制一下,再给它粘贴过来, 等它验证成功,设置成功就 ok 了。然后我们选择配置的编码工具,我们选择第一个 cloud code, 然后选择刷新,只要它同步成功了,就代表我们用的是正常的。 接下来我们启动 cloud code, 我 们可以直接在这里启动,当然它建议我们新开一个终端,对吧?那我们就把这个终端线给它关掉,按 command 加 q, 然后把它直接关掉。接下来我们重新打开终端,我们直接运行 cloud, 直接输入点回车,我们就会看到 cloud 是 正常的,我们选择确认,也就是第一项 yes, 选择信任这个文件夹。然后上节课我们又讲到它的一个 api 对 应关系,我们可以看一下智普的官网,它这里写的非常清楚,就是说 我们的这个 office model 对 应的是智普的四点七, sony 对 应的也是四点七,嗨酷这个对应就是四点五 l, 那 我们可以切换它的 model, 那 我们切换的这三个其实对应的就是后面智普的这三个,那我们点 model, 然后把它给切换一下,给它切换成最清亮的这个。当然了你可以根据自己的使用来看,然后我们输入一个,你好跟它切换成最清亮的这个,当然了你可以根据自己的使用来看,然后我们输入一个,你好跟它对话一下, 然后接下来就可以发现对话是正常成功的。你可以问一下你现在是什么模型 啊?现在是 haq 四点五,那其实它的具体型号就是我们制图里面对应的那个四点五 l, 那 么整个安装教程到这里就完成了。按照我这个教程来,那么中间遇到的两个问题,比如说你关闭终端窗口以后,再打开就会显示 client 没有安装,这个都解决了,那我们下一个再见。

昨天鼓捣了一整天,终于把我的 cloud code 给跑通了,而且配了一个简单的 agent, 那 整个过程其实是花了我除了昨天之外,还有前天大半天的时间。 一开始是怎么样呢?一开始我是通过 b 站的那个免费课程以及它配套的一些学习文档去操作。首先我需要去安装 note js 和 get 这些工具,我以前也是写过代码的哈,所以对于这些工具的安装和环境变量的配置,我没有什么问题。这步没有卡到我, 卡到我的是什么呢? cloud code 安装完之后,它是需要调一个 api 的, 那当时那个免费文档里就有一个坑哈,它没有详细地告诉你 api 的 配置应该在哪个文件里改,它就说你要找 settings 文件, 但是你并不知道这个 settings 是 get 下面的 settings 还是 cloud 下面的 settings, 导致我在这个地方卡了很久,最后我又跳出这个文档,去找了网上另外一个别人的文档,才搞清楚这个事情。 然后我就发现这种免费的教程哈,它给到你其实就是一个钩子,它希望你在学的过程中就是要遇到这些卡点, 遇到卡点之后你才会付费向它去学习嘛,因为你很想学会这个东西嘛。好,然后我解决这所有的卡点之后呢,基本上我也脱离了原来那个教程的框架了,我就寄予第二个教程的框架。我没有去 cloud 的 官网去充值 pro 或者 max 版,而是直接用了一个第三方的 api 工具, 然后我就需要将第三方的这个 url 和 api 接口的代码都配置到我的那个文件里面。做完这一步之后,其实我在 command 里面的那个 cloud 就 已经可以正常运行了,但是我不满足于这样,我希望是通过一个呃编辑器 id 来整体 用 cloud, 然后旁边还能看到我这个项目下的文档,因为我从 get 上已经找到一份人家做的很成熟的一个项目,而且给它克隆到我本地了,所以在这个基础上我又去学习了 vs code。 我 以前代码时候用的是 notepad 加加,其实这次哈,其实这次 cloud 它的安装选项里也写了可以支持 notepad 加加去安装的,但是它的整个运行编辑环境可能就不像 vs code 的 那么更符合代码习惯吧。然后我安了 vs code 之后,问题就出在这儿了。教程,你是说你要搜一个插件,那个插件叫什么?叫 chat for cloud code, 然后我下了那个插件之后, 怎么样搞都搞不通了,你每次把对话框打开,然后输入一个错,而且那个错误是乱码,你怎么调也让那个乱码回不了正常。最后呢,我又找了第三个教程, 找了第三个教程之后我才知道原因是我下的这个 chat for cloud code 并不是 ansorek, 它的一个 官方公司的一个产品,官方公司叫 cloud code for vscode。 然后我又下了官方的这个 cloud code 插件,之后又卡住了,卡住之后又找其他的教程,教程说你要配一下这个插件的环境变量, 好插件的环境变量是有一个变量文件的啊,在文件里面去添加一些东西就行了。然后你只要对应住这里面添加的 u r l 啊呃 token 以及你的 model 都跟你之前在 settings 文件里配的是一样就可以了,然后我配完之后它还是报错,我就卡在这了, 因为我当时已经搞了一整天了,我就说我就说干脆等我老公回来帮我看算了,因为我老公是程序员啊,我觉得他会比我清楚,而且他在我做这个探索之前,他自己已经把那个 tree 啊,然后 coat, body 啊都用了一遍,他基于这个已经成功的做了两个小程序出来了, 所以我觉得他应该比我有经验一些好。晚上我老公回来之后,我就带着他去看,他说你现在什么问题,我就把我的问题说给他听,然后告诉他为什么我两边的 settings 里面设的是一样的,但是会出问题呢?这时候他说你的 settings 里面每一个变量是什么东西,我就告诉他这个是 u r l, 这个是 api 的 这个 id, 然后在自己讲的过程中,我就发现我在这个插件的 api id 这里面填错了两个字母,因为首字母当时复制不过来,我就手打的,然后我就把小写搞成了大写, 然后改成小姐之后马上就通了,就没有让他帮我解决哈。这个通了之后呢,我就基于我的这个 clone 下来的 get 项目去进行了一个 初试的学习,当然一些基础操作我已经会了哈。然后我就是想看它这个项目的重要的 cloud md 这个文件该怎么改来适应我的需求,我的目标是什么呢?我的目标是想把我现在教学的能力中间,每天或者每周固定要做的一些重复化的工作,把它固化成多个 skill, 然后调多个 aint 去实现它的功能,所以我现在只是在做其中一个 aint, 然后现在就是要将它的那个 prompt cloud 的 那个 md 文件里面的 prompt 全部给 转换成我要的这个能力。好,那么下一步就是我要将我个人一个需求或者能力进行一个拆解,来找出目前最迫切或者说最好实现的一个,让这个可拉扣的来帮我实现。总结一下哈, ai 这个东西其实是 你首先要上手去用,然后不断地踩坑,不断地试错,如果一开始抱着心态说,我要先不将所有大模型底层的原理给搞得清清楚楚的,啥是 m c p 啊?哎?啥是这个?啥是那个呀?你要是这样子学的话,其实对于你的使用来说,呃,实际上没有太大帮助哈, 所以这个东西还是要入手去做,而且尽快地去做起来,当你这个事情坐在别人前面的时候,你才可能比别人更快出成果,或者说以后比别人钻研得更深,用得更熟。我对 ai 方面的学习应用的进度就是这样。

不同代码小白玩拷 code 第一天本来打算为 coco 的 付费了,然后试了一下 codex, 发现真香,毕竟不要钱,那么就给大家分享一下我做了什么。 那么我的痛点就是我的房客有的时候问我要房租收据,就在法国是一个很重要的文件, pinterest, 我 打开 word 文档,然后改日期导出 pdf, 然后发给他,我在想怎么样能够最大化的节省时间,可能我可以做一个自动化的工具,能够导出 pdf, 再去想下一步有可能能够把它部署到一个工作流平台。 第一步就是先把一个网页版的本地部署的 app 做出来,那我就试了一下呃, gpt 五点三扣带子的模型去给你 直接做好一个 app 出来两三个 prompter 就 改好了。那么首先第一个 prompter 就 先看一下他到底会怎么做,那么他,嗯,根据我的需求就是我给他一个文件模板,我说这上面的信息我都要,包括签名我也要,就给我一个网页让我 自动填上去,然后就生成一个 pdf 就 行。那他就做了一版出来,其实已经挺好的,但是,呃,我又让他改善一下,就是我给他几个映设,就是因为我的房客每个人的房租不一样。呃,然后 啊,我就希望每一个房客对应一个金额,我只需要一个下拉菜单,选中房客的名字,地址和金额都是自动填好的,然后这样我只需要填日期,然后选择一个房客,然后就可以自动的生成一个 pdf, 这样子就大大的节省了时间。作为第一个版本来说,其实已经 嗯,非常好用,就是它的弊端就是只能在电脑上去做,这两天再跟他沟通一下,看能不能做出手机版或者部署到服务器。但这个应该就要付费了,我现在用的还是免费的。免费其实已经很香了,所有的是要收二十,最低的二十。 这个 open ai 的 这东西用起来也比较熟,等到他要付费的时候我再看,再选择一下 coco 的 还是 open ai 的 codex。

给大家推荐一个开源项目,它可以让你在手机端非常轻松地去控制你电脑端的 cloud code 或者 codex, 实现移动端的 ai 编程。这个开源项目叫 happy, 它只需要你在 手机端安装一个叫 happy coder 的 app, 然后在电脑端呢按照它的步骤安装好命令行工具,并且启动命令行, 随后你在移动端就可以连接到你本地的 cloud code 或者 codex, 然后你就可以轻松的开始移动端的 ai 编程,非常的方便,大家可以去试试。

够一整个猫九,结果老婆叫你去吃饭,或是你要出门接小孩。以前你只能乖乖关荧幕走人,等回来再继续,但现在你可以掏出手机直接接手刚才的 session, 边走边盯着 cloud 把 code 写完。 这个功能叫 remote control, 是 cloud code 最新的功能,一行指令就能启动。今天我带你从头到尾设定一遍,大概几分钟就能搞定。 那在开始之前,你要确认四件事,第一,你 price 方案目前也不支援这个功能,目前还是 research preview 的 阶段。第二,你要先登录,用 login 指令登录你的 cloud, 点 ai 账号。 第三,你要在专案目录底下跑过至少一次 cloud, 让它跳出 workspace trust 确认框,按同意,这个只需要做一次就好。第四,使用 update 命令升级到最新版。 这四个都搞定了,我们就可以开始了。启动的方式有两种,直接用手机扫就能连上。那如果我们点击这个链接,看看是什么结果,它会打开一个 web 端页面, 这个页面就是你刚刚这个项目的远程端口。点击这个按钮,你可以设置当前项目关联的 git repository。 那 上面这块区域你可以直接对你的项目进行新的开发。你还可以在右边这块与你的项目代码进行对话。比如我让 cloud 来分析一下这个项目, 它就会通过 web 端远程来访问我刚刚在本地打开的 cloud code 进行项目分析,很快就给出了我想要的结果。 为了防止他在乱说,我再让他给我最近三次项目的提交记录,看看是不是正确的。很快也有了结果。那我打开 ctrl, 看看两个结果是否一致,对比了一下 ctrl 的 功能升级彻底打败了,现在正。

今天我们来讲一下如何利用 codex 或者是 cloud code 来进行 opencloud 的 升级,因为很多小伙伴发现升级从 cloud 会直接挂掉,我们最好的方式就是用 codex 辅助我们进行 opencloud 的 升级。 在我们右边的是 codex 的 界面,首先我们第一件事情是要把我们的 openclaw 进行保存 commit, 今天我们要升级 open 了,请你帮忙查看一下最新版本的更新,保证我们我们先让 codex 帮我们检查一下最新的版本 以及这个更新可能带来的影响,这样我们才能够保证我们的更新不会把我们之前培养的小龙虾的配置给改坏掉,它会去分析整个的代码, 我们等一下一路 yes 就 行了。这也是 codex 跟我们的 open cloud 的 一些不同的地方, codex 它在执行很多任务的时候还是需要人为的去进行干预的,但是像 open 呃 cloud 就 可默认获得了整个电脑最大权限,所以在实际使用 的时候,长城的任务里面表现的会更好。它其实已经看到了我们的小龙虾最新版本是二点二二,之前我们版本是二点一九点二, 这是我们的小龙虾的界面,可以看到它其实也说了我们的版本是过时,所以它会帮我们自动进行升级,它可以看到我们中间隔了好几个版本。我现在用的是 cloud code 啊, codex 的 操作其实基本上是一样的,也是先让它去帮忙去看整个的 代码的情况,分析一下差异,看看会不会出现什么问题啊。我们其实可以同时启动一个 codex, 这个是 codex 的 界面,基本上跟这个 cloud code 是 一样的,今天 open 更新了,嗯, 这个是 codex 的 界面,那我们可以看到它这边已经出来了,就是 opencloud 的 一个最新的一个更新,这里可以进行新增模型的选择,内置 out 后台哦, 多语言的改进,我们可以看一下, codex 也在分析,那我们可以让这个 cloud code 这两边操作是一样的,请你帮忙先保证所有 都可密,让他帮我们把变更都可密了之后,我们再来决定是否需要更新啊,那这边 codex 还在跑啊, 通常可能会起两个代理来做交叉的验证啊,这样子呢,保证我们的升级的一些细节不会被忽略啊。 change 这边的 commit 完成了, oodex 已经帮我整理出来整个升级的一些相关影响, 可以看到它整理的其实比这个 cloud 整理的会更加的细致。那我们也看到了,它其实做好了一些升级的准备,停网关,指定到版本,恢复本地的补丁并叫验。因为之前其实我给这个 cloud cloud, open cloud 打了一些补丁,人工打了一些补丁, 那现在其实我怕升级之后把我的补丁给覆盖了。这个 codex 它其实也扫描到了,那我升级之后,它会自动帮我去执行之前我打的补丁, 并且帮我把补丁给打回来,这样保证我的小龙虾还是在我的预设范围内进行更新,到现在开始执行。当然两边的选择我觉得都是可以的,只不过在升级和改代码方面,我更信任 codex, loco 的 会作为我的备选,看看两边的方案会不会有什么差异,会不会有什么遗失。如果没有的话,我们用 codex 为主来进行整个的升级,这边它其实已经停掉了小龙虾的服务了,小龙虾在这边可以看到它已经 disconnected 了啊,升级命令已经启动了, 等它自动帮我, codex 自动帮我升级好之后呢,我就可以正常的跟小龙虾进行沟通了。首先要验证的就是我的三个小龙虾是不是都能够在手机上进行正常的使用, 我的小龙虾呢?其实在整个飞书上面是有三只的,升级完之后呢,我会去做一个验证,那三只小龙虾是不是都能够正常的使用?你看到这是一二三三只小龙虾啊, 那么它其实 get 位已经恢复了,这时候你可以看到它已经连接上了。这边你看王冠已经正常启动,都已经加载成功,我们就发送一条消息来进行验证,随便发送一条 可以就是已经通了,没有任何问题。这样子我们因为已经升过级了,我希望把它做成一个 skill 以后就可以自动帮我完成升级的整个过程, 让他去跑了。这就是我们今天完整升级小龙虾的过程,完全不需要你会任何的代码就可以帮你的小龙虾进行一次安全的升级,并且能够正常的使用。 所以你看是不是很简单,只要我们会用 agent 就 可以帮你能够解决很多的问题,整个升级的过程大概花了我十来分钟,我们下次见,拜拜。

今天我们这期视频只讲一件事情,就是普通人如何使用,如何安装 cloud code 并接入国产大模型 deepsafe。 你 是不是也觉得 ai 编程那肯定要写代码吧? cloud code 听起来好高级,跟普通人有关系吗?我的回答是当然有。 当我们接入 deepsafe 之后,可以利用它去写作,和 deepsafe 官网的模型是完全一样的,它不光能写文章,还能帮你去造工具,而且现在超火的 ai 技能插件 skill 最早就是可乐的 code, 玩明白的。安装好之后我们再安装 vs code, 那 它就可以实时操作,可以帮我们去开发网页开发工具,它的功能是非常强大的。 今天这期视频就是专门为你定制的,不用懂代码,不用找可用的支付方式去购买国外的大模型,只要你会复制粘贴,就能在十分钟之内装好可多的 code, 并成功接入国产大模型 deepsafe。 在 这里有一个前提就是网络环境 是处理好的,而且本期分享我会特意使用一台全新的没有安装过任何环境的 windows 十一系统来演示,会把所有遇到的问题给大家解决方法和步骤,让大家只需按照步骤操作就可以安装成功。实操环节,我会分享如何成功安装 cloud code, 第一次使用,如何起用可劳的 code, 如何接入 deepsafe 大 模型,然后如何利用编程应用制作一个个人主页。本期视频分享我们需要安装以下内容, 第一个就是 note 点 gs, 它是一个运行环境可拉的 code, 要靠它才能跑起来。第二个就是 g i t, 一个隐藏但比较重要的工具, windows 十一系统默认是没有安装的,如果没有可拉的 code 会无法使用。下一个就是 cc switch, 它可以一键轻松切换大模型,就像平时我们开关水龙头一样简单。第四个就是 vs code, 它是微软出的免费编辑器,长得就像记事本,但功能强大。以下就是本期分享我们需要安装的东西。 骚掩饰我会先分享 c l i 命令行界面。 altcode 本身是个命令行工具,英文叫 c l i, 意思是你可以在黑窗口里面打字指挥它,但大家别担心,我们装上 vs code 之后,使用插件百分之九十的操作都能用鼠标点出来, 不用死记命令。好了,下面我们直接开始实操,进入实操演示部分,第一步我们就需要安装 note g s, 在 这里我们不用命令安装,直接选择安装包,然后我们运行安装包,在这里我们就直接下一步,然后选择下一步,就直接下一步就可以。 好,这时候就安装成功了。安装好之后我们来验证一下是否安装成功,在这里我们按键盘上的,在这里我们按键盘上的 windows 图标加 r 键,这时候就会弹出运行窗口,在这里输入 cmd, 然后确定,这时候就会出现命令窗口,在这里我们输入 node 杠 v, 然后回车可以看一下,现在出了版本号就证明这个 node js 安装成功了。下一步我们就需要安装 cloud code, 安装 cloud code 我 们需要使用 powershell, 在 这里我们搜索一下, 搜索之后,然后右键选择以管理员身份运行,然后我们输入这条命令,直接回车。 好了,到这里就安装成功了,同样我们也是查看版本号的方法,查看是否安装成功,在这里我们输入一下命令,输入好之后我们回车可以看一下,现在已经出了版本号,二点一点三七,我们的 cloud code 就 安装成功了, 然后我们进入 cloud code, 直接输入 cloud, 然后回车可以看一下,现在进入出问题了,这时候我们就需要安装一下 g i t, 我 们来到 g i t 页面,然后选择保存,我这里保存到桌面上,然后我们开始安装,这里我们也是直接下一步, 下一步这些我们就全部的都是直接下一步 好了,这时候就安装成功了,然后我们再看一下,我们重新打开一个 powershell, 我 们重新打开一个 powershell 窗口,然后我们输入 cloud 可以 看一下。现在我们进入 cloud 是 可以运行了,但它又遇到一个问题,就是它有一个验证,在这里我们需要修改一个配置文件, 在这里我们来到我们的用户目录,我的用户名是 k, 我 这里直接输入,然后回车到这里就可以看到一个配置文件,就是 cloud 点 jason, 然后在这里我们打开编辑一下, 可以看一下,这里就是这个配置文件,在这里我们增加一个参数,增加之前这里我们需要有一个英文的逗号,像这个标点符号是经常会被大家忽略的,有好多朋友遇到问题就是增加配置,但大家增加好之后还是不能使用,就是因为这个标点符号的问题, 在这里我们添加添加这个配置项就可以了,然后我们再返回,然后我们在 c l o u d cloud, 然后回车可以看一下,现在就已经进入了,下一步我们再回车,这个提示就是是否在当前目录,然后我们回车 好了,这时候它就会让我们去登录 cloud 账号,因为 cloud 这个它国外的大模型最让人头痛的一个问题就是经常会被封号,所以在这里我们不使用它的大模型,我们要接入我们国产的 deepsafe, 在 这里我们 cloud 安装好了,然后下一步就是需要去接入 deepsafe 大 模型,在这里还用到一个工具,就是 cc switch, 现在我们再来安装一下, 我们来到 github, 然后我们去找安装包,在这里我们就直接往下拉,拉到底部,在这里我们找到适合我们系统使用的,在这里我选择三点幺零点三,如果是 windows 的 话,大家就选择这个就可以。好,现在保存好了,然后我们直接进入安装, 在这里我们也是直接下一步,下一步安装即可,这时候就安装好了,然后我们运行 下一步就需要我们配置 deepsafe 的 api, 在 这里我演示一下操作流程,在这里我们打开 deepsafe, 然后选择 api 开放平台,然后我们选择 api keys, 在 这里去创建,比如创建 api key c c 三,然后我们创建, 创建好之后我们复制一下这个 api key 的 这个密钥,然后复制,然后我们来到 c c switch 里面,在这里我们就选择右上角的加号,然后选择模型 zip, 然后往下滑,这里我们只需要填写一下这个 api, 然后添加, 这时候就添加好了,然后我们回到命令窗口,我们再进入 cloud, 可以看一下,现在已经不提示登录了,在这里我们输入斜杠 model m o d 可以 看一下,然后我们就选择第一个,在这里已经有了 deepsea v 三点二模型,现在我们去选择一下,就是第五个选项,让我们回车。好,这时候就选择好了, 选择好模型之后,在这里我们对话,我们问他一下你当前是什么模型,然后我们回车 可以看一下。在这里在此次绘画中,我作为 cloud code 实力实际使用的是 deepsafe v 三点二模型,到这里我们就成功地安装了 cloud code, 然后接入了 deepsafe 大 模型, 到这里我们就完成了 cloud code 命令行工具接入 deepsafe 大 模型,下面我来演示一下。我们在 vs code 里面使用 cloud code, 它的一个优势就是格式化操作,它的操作几乎都是用鼠标点击就可以, 然后我们下一步就需要安装 vs code, 在 这里我们选择宏框按钮,然后保存 好,现在保存成功了,然后我们安装在这里选择,我同意,然后我们直接下一步,这里就是选择一下安装目录,如果不选择默认安装到 c 盘,然后我们选择下一步,这里几乎也是全程下一步就可以,然后我们安装 好,这时候安装成功了,我们选择完成,在这里打开之后,它默认的是英文界面,看到英文不用担心,在这里我们需要安装一个插件就可以搞定,我们选择四个方块这里,然后我们输入简体, 我们就安装默认的第一个好,安装成功之后,右下角会有一个重启的一个提示,在这里我们选择重启。好,现在打开就是中文界面了,然后下一步我们就需要找到 colode code 插件,我们输入 colode code, 然后我们选择第一个安装, 在这里我们需要辨别一下官方版本,在这里我们安装,然后我们选择新任发布者和安装好了,这时候成功之后,在右上角就会多一个这样的一个图标,然后我们选择 可以看一下它,这里默认跳出的是一个登录提示,我们有了 c c switch 已经接入了模型,它这里就会跳过,然后在这里我们再输入你当前的模型是什么模型,然后我们发送, 可以看一下我当前运行的模型是 dipstick 为三点二,像这里也是这个 cc switch 在 这里起到的作用,像这里比如接入 glm 大 模型,或者是其他第三方中转的模型,用这个 都是可以搞定的,非常方便。好到这里就安装成功了,也成功接入了,下一步我们就让它帮我们生成一个个人主页,我们一起来看一下,在这里返回桌面,我先新建一个文件夹,然后回到 vs code, 然后文件打开文件夹, 我们选择桌面上的 myweb, 然后选择文件夹,这时候我们就用 cloud code 来对话,在这里我们输入提示词,就是我是一名专业的前端程序员,帮我生成一个自我介绍的个人主页,让大家可以快速的认识我,了解我,然后使用 html 格式,简约风格, 科技感配色,页面元素,要有自我介绍板块,联系方式,二维码区域,在这里就是我们给他的提示词,然后我们发送 好了,可以看一下,现在个人主页已经生成成功了,然后我们预览一下它给我们生成的一个个人主页,就是简历风格的,可以看一下,还是比较丰富的。在这里经过我的测试,就是我们使用可多扣的时候,不管是生成文章还是生成网页, 在这里我们要给他一个语言的提示,就是要生成中文内容,他有时候是默认的生成中文,有时候默认的生成英文,他这个是存在几率问题的。所以在大家生成内容的时候,强调一下生成中文内容, 这是目前想到的一个问题,分享给大家。这就是以插件模式使用的,在 vs code 里面还可以以命令行模式,在这里我们打开终端 使用方法是一样的,在这里我们输入 cloud 可以 看一下,就和我们在命令窗口使用的是一样的, 像这个一个优势,就是命令行模式加格式化窗口的模式可以直接使用,这就是我们所有的实操分享内容。在这里我也写了实操手册,比如安装好之后无法进入,或者是安装之后要验证,像这些遇到问题的解决办法,都有写到手册里面。 好了,到这里我们就完成了一整套从完全零基础到真正用起来的全过程。我们一开始什么都不懂,装好了克拉的 code, 配上了国产大模型 deepsafe, 在 vs code 的 里面,我们让 ai 帮我们生成了一个个人主页。其实克拉的 code 它有很多高阶的玩法, 你可能也听说过,比如 mcp、 gel, 但这些我也会慢慢讲,后面我会分享,但是这些都不着急,也不重要, 真正重要的只有一件事,就是现在先去试一试,先用起来,哪怕只做一件小事。 ai 时代最危险的不是不会用工具,而是以为自己用不了。 老的 code 不是 程序员的专利,它是每个普通人的效率工具。 ai 时代只要有思路就开始动手,就已经超过了百分之九十的人。 ai 时代,我们不用纠结新出了什么东西,哪个模型更厉害, 能帮自己提效的,自己用着习惯的,对自己来说就是完美的模型,完美的工具。好了,本期内容分享就到这里,我们下期再见。

最近我在给我一个网站添加新功能,那我需要去研究竞品生成 demo 的 图片和视频,并且为这些新功能生成内页。这是一个比较复杂的工程,如果我一个人来做肯定很累的, 但这一次我非常的轻松,因为我用到了 cloud code 的 最新的能力,叫 agent teams, 给大家看一下,这是它的官网, 目前它是一个默认关闭的功能,如果你需要用它的话,需要去设置开启。 当然开启很简单,把这个文档扔给 cloud code, 让它帮你开好就行了,那使用起来的体验非常好。我刚才说的这些事情,它会分工给不同的 agent 去做。大家看这里,我的这个需求被它拆成了三个任务,分给了不同的 agent、 abc, 他 们并行去完成这些任务,最终由总调度来验收测试,没有问题再交给我。你看他们改了这么多的文件, 整个过程我只回答了一个问题,非常的省心了。所以我觉得现在的 ai 编程已经到了下一个阶段,就是由团队来并行写作,最终 交付一个端到端的结果,而不是像以前我们跟它在一个功能上的去抠。现在你只需要提出你的需求,剩下的事情它会帮你处理的很好。所以如果大家也在用 cloud code, 建议大家把这个 agent teams 打开,去感受一下一个团队为你服务的感觉。

最近 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 圈子真的是每周都有新的东西火爆起来了,最近一段时间我看到比较火爆的东西就是一个叫 pencil, 还有一个叫 outboard, 我 给大家讲一下这两个东西。首先 pencil 它其实是 cloud code 的 一个 m c p 神器, 现在在 cloud code 里面,只要给它描述一下你的产品需求,它就可以一键编辑代码,展示出前端的界面。 而且它是类似 figma 那 种可以操作直接编辑的界面,相当于把你的 figma 的 画布直接搬到 cloud code 里面,并且你可以用 web coding 的 形式去修改,或者说你可以直接上手去修改,以后设计师和开发完全不需要吵架了,只要有什么问题直接就一键修改, 这个想象起来也是 ai 能帮助我们提高效率的。还有一个就是叫 cloud bot, cloud bot 也是上周末刚火的,它是可以接入你的聊天工具里面的,当然目前只支持一些 whatsup、 slack 这些聊天软件, 我还不支持微信,其实它有点像元宝,比如说你在微信里面,你就可以直接跟元宝的去对话,但是它也跟元宝最大的不同就是 cloud bot, 它是可以读取你本地的文件的,就是你给它设置权限以后,它就知道你电脑上的所有的文件,并且它可以基于这些文件去给你生成一些总结报告,或者说利用现有的知识去做一些管理, 这个才是真正的它能提高你效率的地方。像元宝它就相当于给你配置了一个个人的助手和管理一样,有点像本地的 cloud bot, 它毕竟还是要联网的。 但是像 cloud bot 它就不一样,你只要接入本地的模型,它就不需要联网,它可以在你的电脑里面完全的去帮助你整理规范,或者说帮你发送邮件,发送消息,这些都可以帮你做到。所以我觉得这个是带来的一个个人升级的一个效应,未来它肯定是能 改变人类的一些习惯的。而现在很多人觉得用 cloud code 或者说 cloud code, 它毕竟还是个命令行工具。 如果说你的微信里面有一个 cloud bot 这个软件,你可以跟他描述,比如说我想做一个网页,直接 webcoding, 它就可以直接的去给你生成代码,然后做出一个网页来,或者说你让他调研一份 ppt 的 报告,给你生成一个 ppt, 这个是不是带来很大的 便利性了?而且是普通人完全能上手了,只要把它当做一个伙伴去聊天就可以了。这个是不是感觉是一种 ai 生产力的革命?所以最近的 ai 圈子确实发展也比较火爆,每周都有新鲜的事物,大家一起可以关注一下,我也会分享更多类似这种 ai 的 信息。

今天专门录个视频给大家讲一下如何配置可乐扣的,我们平常在网上看到的教程大概是这样的,就是让你先安装一个可乐扣的,然后开启终端绘画之前让你执行这四个命令。这个其实在马克 o s 上面是设置环境变量, 意思就是在你打开这个可乐扣的之前,先把可乐扣的一些默认参数给改掉了,改成这样子,他们平台的一些贝斯、九 l、 a、 p、 i k 那 些设置的默认的模型这样子,但这样有时候你关掉绘画之后,整个命令行退出之后,他这个环境变量会失效,所以说我们可以使用一下更好的方法,就是使用这个 cc switch, 他的原理就是他帮你在本地去写那个文件,只要他一直在运行,他就一直能让那几个环境变量一直生效。也是我们一个推友做的,去直接去下载,他选这个 release, 就 他的发行版本就下载一个最新版本就可以,他这边是有这个包的,按照自己的平台去下载。下载完了之后我们可以直接打开之后就是这样的一个界面, 这个界面有很多的模型,比方我现在起用一下这个字谱,字谱模型我在字谱的官方上面的一个网址地址,这是他官方上面的一个 api k, 对 他的四个选写了一下他四个模型的名字,当你这样写的时候,他其实对应的是你克罗得扣的默认的那四个模型,其实只有三个,只有一个叫做模型默认打开的模型,我们可以看一下克罗得打开了之后你会发现 好像没有起用,对,要点一下起用,点完起用之后可乐扣子它会自动刷新,它会帮可乐扣子再重载一遍环境变量,你可以发现它这个时候已经变成 g、 m、 l 四点七了,就是我刚才设置的模型啊,这个时候有两个 把它重新打开一下,我看一下加满二四点七,这样就等于切换成功了。如果说我要把它,这个时候我不想用智普模型了,我换一家模型,我这边换到这个接口 ai 提供的这个格式模型上面去,大家可以看一下配置,也是先配一下 a、 b、 a、 k, 配一下他们给的一个地址姓名,地址,配一下他们自己的模型的一个名字,这几个和官方的那个模型名字是一样的。我这个时候再打开再选一下, 可以看到他这边这个地方就已经显示胜利的五四点五了,模型上面也是显示自定义模型是胜利的四点五,这样这种情况下我们就可以用它胜利的四点五的能力了。我们要切换其他模型,模型也都是这样子,新建一个可以带大家走一下这个流程。我这边以接口 ai 这个平台为演示,它这个平台的模型比较多,我经常会比方说 kimi 现在出 二点五,我要用一下 ko 的, 出最新的了,试一下都可以。我们这边随便选一个模型,比方说选 ko 的 之后,我们打开这个 cc switch, 选自定义配置, 因为如果说他这边已经预设了一些官网的模板,但是我们这种属于第三方平台,他是没官网的,我们就可以另一个之后这个官网链接不用填 api k, 要填 api k 就 填他,他的密钥管理里面会生成一个,我们把它去填上去就行了。 请求地址这边也要填,请求地址其实对应的是每一个模型这边右边都有一个基础访问 url, 把这个粘上去就可以了,它默认它是一个 open ai 这个协议的,也就说这个东西它可以在 qq 上使用,在很多平台也都可以使用。但是 qq 的 它有一个专属的协议,像它专属的协议,我们就需要把它进行一次切换, 把它后缀这个 open a 变成这个它的公司名字 alter pick, 去把它设置上去。在模型上面我们选择这个点,点击一下复制上来,这样就可以了。比方说我们要把这个双面的默认模型,用它的那个双面的模型,我们可以选这个,然后选到它的双面的点进来, 这样就可以了。我们直接选择添加,把它切换到起用,后面就可以正常使用它最新的这个模型了。它现在最近是有一些活动这个接口外,这个平台,因为它的模型比较全,更新速度也比较快,所以我最近都在使用它,它的活动,它出了一个包月的东西,就有个资源包管理, 嗯,它就是在原来的那种卡洛斯官方的那种资源包的基础上,他们是二十块钱一个月,正常,他最近在搞活动,打七五折,等于说十五块钱一个月, 十五到一个月,它的规格是两千万图腾所有的模型全部畅用,这边基本上就是所有模型,因为其他模型其实大家用的也不多,主要大家用第三方平台用的还是顶级模型,用这个模型用,用这个订阅包是比较划算的,比平常直接按直接去充钱去付费要划算很多,也不用担心哪天跑的任务太大,把信用卡干的限额比较厉害。 最近还可以有一个邀请码的活动,大家也可以参与一下他的邀请活动是这样的,在这个进入到这个活动页面任务奖励之后,可以填写自己的邀请码, 然后验证一下 facebook 账号就可以获得两刀。然后,嗯,他还会在每注册的时候会出来一个弹框,然后里面有个问卷随便提交一下,然后会得到一刀,也就说把这两个都完成之后会得到三刀。 然后还有一些其他奖励,就是第一个就是信用注册奖励,就刚才说的一个是注册绑定,一个是填写问卷,然后第二个就是邀请好友,然后他又根据好友充值的金额来进行不同的返现比例。然后第三个的话,呃,就是邀请好友进行这个 订阅包订阅,上面这个是按量付费的那个充值的订阅,下面这个是订阅包订阅,订阅包的话就分 light pro 和 max, 然后根据不同的订阅来获得不同的代金券, 整体来讲的话这些活动还是挺划算的。最近因为最近的话新模型比较多,然后大家不需要使用自己的信用卡去支付它,直接使用这种订阅包就可以使用大量的额度,然后进行验证,也不需要去担心这个新模型好花钱太多导致自己信用卡被多刷了之类的。

我们知道各家 ai 模型最重要的就是你的记忆。现在 cloud 所有用户支持一键导入记忆功能。一、你可以从任何地方,可能是 check, gptgename, kimi 等等导出 prompt 都给你写好了。二、 打开 cloud, 设置记忆粘贴即可免费套餐。现在也提供内存功能。我们也简化了将保存的记忆导入 cloud 的 过程, 您可以随时导出它们。记忆提取提示词,我即将迁移到另一个服务,需要导出我的数据。请列出您存储的关于我的所有记忆,以及您从过往对话中了解到的任何关于我的信息。 请将所有内容输出到一个代码块中,以便我轻松复制。每个条目的格式为保存日期。如有记忆内容, 请务必包含以下所有内容,尽可能逐字保留我的原话。我给您的回复指示,个人信息,姓名、所在地,工作,家庭、兴趣爱好、项目目标和反复出现的话题。我使用的工具、语言和框架。我对您的行为所做的偏好和纠正。 任何其他未包含的已存储信息,请勿总结、分组或省略任何条目。代码块完成后,请确认这是否是完整的信息集,或者是否还有遗漏。

左边是飞书,右边是 cloud code, 我 把 cloud code 接入了飞书,现在我只需要在终端里下达一个命令,它就能自动在飞书上实现。比如我跟他说,请调用之前的记忆文档,帮我更新最新一周的周会表格,它就会自动更新啦,它现在就开始动运行了,这个是空白的表格,稍微等一会, 哎,他自动填好了,我完全没有操作这个表,他全部都是自动化完成的。接下来我来演示这个过程是怎么实现的。首先我们要安装 cloud code, 第一步,先更新我们的系统,确保是最新的系统。第二步,下载 loggs, 我 们打开官网,然后选点击安装。第三步,我们下载科室,打开科室的官网,然后点击上面的 download, 这样我们就下载好啦。第四步,我们打开科室,调出终端,然后输入电脑的密码,然后我们就挂代理,输入这两行指令, 然后输入 cloud, 点回车看,我们 cloud 就 已经安装好了。然后还有一步是授权 cloud 的 账号,这一步我已经完成了,所以就这里没有显示,我们就跳过到这里,我们整个 cloud 的 安装和配置环境都已经完成了, 现在我们已经成功部署了 cloud code, 那 怎么实现自动化办公呢?这个时候我们就可以把它接入飞书,让我们登录飞书开发者后台,先注册一个账号,好进来了。这里呢我们有一个按钮叫创建企业自建应用,点击这里我们给应用起个名字, 比如我就叫 eva 的 ai 助理,然后应用描述也可以随便写一个,这些都可以改的,选一个颜色,然后点创建,这样我们就创建成功了,我们在左侧可以点击这个凭证与基础信息, 然后可以看到有 apple id 和 apple security, 这两个我们要记下来,后续会放到 clock code 里面,再添加应用能力这里这里可以选这个机器人,后续可以用机器人给你的飞书发消息等等。最后我们需要它自动化的编辑我们的文件,所以我们需要给它开放权限,点击这个权限管理开通编辑权限, 尽可能的多开一些权限,你可以全部都勾选,这样它就可以直接编辑。这里有个小 tips, 就是 每一次我们开通权限都需要去这个版本管理发布点应用发布,然后这里需要填写应用的版本号以及更新说明等等,这里都是我们刚刚勾选的权限, 然后点击保存,点击申请线上发布,这个时候会有管理员进行审核,一般都会很快就通过了。这里可以看到之前我自己创建的一个应用,然后在权限管理这里看到这些已经开通的权限有非常非常多,然后权限状态都是显示已开启。然后在版本管理发布里面可以看到我历史发布了非常多的版本, 这样我们飞书的开发者后台就已经完成配置了。接下来我们要接入飞书的 a p i, 首先我们要回到 cloud code, 在 命令行里输入,让他下载飞书官方的 m c p, 接入飞书 a p i, 然后他就会开始操作,我们就根据终端的提示,按照步骤一步步走下去就可以了。到这里我们就已经成功的接入飞书 a p i 了, 你可以把你的工作的环境规则都输入给他,让他形成一个记忆文档,之后你在使用的时候让他调用这个记忆文档就可以了。好啦,这就是以上 cloud code 接入非说 a p i 的 一个全部流程,大家有任何疑问都可以评论区进行互动哦,下次再见。

我是六小时被刷单诈骗二十五万的九零后程序员,昨天决定学习大模型编程,之后我查询了一些资料,现在最火用的最多的是 cloud code 和 openclaw。 经过简单的研究,我决定先试试 cloud code, 因为 cloud code 使用的人多一些,能力相对强一些。我在网上查询了相关资料,今天在我家里的电脑上试着部署一套看看。首先我在我的电脑上安装了编程软件和 java 环境, 安装 cloud code 还要预装一些其他软件,比如说这个 和和这个。 这些软件我在昨天都已经安装完成了,今天要正式安装 cloud code, 加油!

这是我用 codebody 制作的刊爬虫分析系统操作起来也非常的简单。首先需要准备一个刊的过往发表网站, 我准备的是包装工程的过刊刊,这里可以看到每期刊的标题和摘药。复制网站地址粘贴到爬虫分析系统中,可以多复制几个地址,这样可以爬取更多的数据。 接着点击开始爬虫,这时我们会看到定义格式化爬取字段界面,左边是需要爬取的字段,一边是原始网站,点击网站的对应标题即可定义标题字段,点击摘要即可对应论文的摘要,以此类推。 点击开始爬取。这里就需要等待系统一页一页地开始爬取数据了。最后你会得到这样的分析数据结果,词云和词频 句类分析,句类分析里包含代表范围。 最后爬取的原始数据也会在系统中显示,点击会跳转具体原文原始数据。

我是六小时为刷单诈骗二十五万的九零后程序员,今天我们继续安装 cloud code, 昨天我们在火山引擎订购了 月租式的大模型,得到了我们的 api key, 然后我们就要去 cloud code 配置我们的大模型,然后火山引擎官方有那个介绍 cloud code 怎么配置的,大家可以在它的说明 网页上看到,是通过修改配置文件的方式来配置火山方舟大模型的服务。不过我后期调研了一下,发现了一个新的软件,可以页面式的配置大模型 vc switch, 也就是这个。 呃,找到这个之后,下拉到网页的最下边,有 windows 版的安装包,安装好了之后就可以直接使用。安装好之后我们可以看到点击这个 cloud code, 我 们可以自行配置自己的模型。 我这块把那个火山引擎的配置加了进去,大家可以看一下具体大概就是这么。配好之后,我就可以开始使用 cloud code, 在 命令行输入 cloud。 那 么现在看到 cloud code 已经可以正常使用了, 我们简单输入一个命令,看看它使用的效果怎么样。 这里要授权,他访问我的电脑 一样要授权。 这里看到其实上面出了点问题,是因为我把我的桌面默认存储路径改到了我的地盘上边,所以他查的比较费劲,他最终也查到了我的桌面上有两个 word 文档,事实上也是真的。 下面我后边会继续尝试在我的代码编程里使用 cloud code, 继续加油。

hello, 大家好,今天给大家带来的是 cloud code to figma 的 视频教程,在使用之前我们需要安装好 cloud 教育版或付费版的 figma, 这两项都准备好后,我们就开始今天的视频教程吧。 首先启动 cloud, 我 这里用的是终端,在 ide 中使用 cloud 模型也是可以的, 等待 figma 安装成功。安装成功后继续安装 figma 插件, 因为我这里已经安装过了,所以显示的是已经安装。 安装完成后,重启 cloud, 输入 plujin 并切换到 install, 查看是否有 figma remote m c p 这里因为我还没有重启,所以没有看到, 这样我们的基础配置就完成了。接下来我们让 cloud 帮我们做一个网页,最近刷到了 crock 的 官网,觉得很好看,所以想尝试一下 cloud 能不能复刻出来, 很明显效果不太好,不过没关系,我们换一种风格,重新调整 经过修改后的界面,看起来至少能用了。 接下来我们打开 figma, 创建一个新的设计文件, 这里要注意一定要打开分享链接的编辑权限,不然 cloud 是 无法在 figma 中写入文件的。权限设置完成后,复制这个文件的。链接在 cloud 中输入,将当前网页发送到 figma 中,并粘贴刚刚复制的 figma 链接, 这样我们就在 figma 中得到了设计稿,此时我们可以对设计稿进行修改。 修改完成后,我们右键画板名称选择复制到链接, 在 cloud 中输入,按照链接更新页面样式加复制的 figma 画板链接 刷新页面。恭喜你成功完成了 cloud code to figma 的 最小闭环。