code68能自己恢复吗

有个老铁向我咨询，一零款英朗方向助力灯无法消除，用诊断电脑进行初始化设定也消除不了，应该如何维修呢？ 变得不再倔强，学会了坚强，也不像从前那样赶上 模样温柔的人为何总悲伤？

昨天和前天特别火的 cloud boot 我 也看了一下，先说结论吧，我觉得它是一个拥有系统级别权限，并且可以通过远程通讯软件控制的个人 ai 助手，使用官方的一键式脚本就可以快速安装 并且添加你的模型 a p i， 包括像 code x 和 cloud code， 然后再添加通讯软件的机型。在聊天过程中，我发现 cloud boot 的 回答速度以及功能非常多，但因为我是将 cloud boot 的 回答速度以及功能非常多，但因为我是将 cloud boot 的 部署到 vps 上，我发现 它是没有其他一些任务的权限的，它仅仅只能作为一个 ai 助手，所以用起来还比较一般。最终我是光速购买了一个 mac mini， 今天马上下单，等后面 mac mini 到了，我会将 cloudbook 部署到 mac mini 上，再做进一步的分享。

cloud code 官方文档就是最好的 ai 教程，不要再被麦克的骗了，这里什么都有，小白也可以从零开始学习，不要再去花冤枉钱去买教程了。

大家好啊，今天我来教新手小白，完全没有接触过编程，也可以去很快速的去安装 coco 的， 你不需要去看那些官网代码呀，去打开终端啊， 你只需要利用好 ai id， 就 可以很快的安装好 coco 啊。首先大家需要下载好一个 ai 的 id 啊，这里我用的是 curser， 当然你也可以用字节的串， 大家就会看到右边呢，这边有一个聊天栏，这个地方就是咱们主要去跟 ai 去对话，让他去帮助咱们聊啊。去安装 echo， 这个地方我已经选择选择好了，这里一点开会有很多模式， 一定要选择 agent 模式，这个是自主的 agent， 能够去帮助你代替你去安装 echo。 点开模型呢，有很多种选择，我这里呢就直接用了 gpt 五点二了， 很简单，你直接在这个聊天框里跟他说帮我安装个 code， 你 点击回车，这样呢，他这会就已经开始去帮你做了，你看他这会问了我个问题，他说具体安装哪个，我就说是 call code c i y， 也就是命令行工具， 我再回给他，那这会他就开始做了，你看他就去做一些东西，如果你感兴趣的话，你就去看一下里面的细节，然后他有时候可能会跳出来一些东西，这样的话你就直接允许就可以了。好，你看就是这么简单，好像他已经安装好了， 然后呢，那咱们呢，这会就直接去打开咱们的终端，这个情况呢，如何去验证好咱们已经如何安装好的扣扣呢？你直接打开扣， 然后呢，你看这里就已经完全验证好了，你这个扣扣的就已经完全安装了，他已经告诉我欢迎我，然后呢，我的用户中的是三点五， 怎么样？是不是很简单？所以核心就是用 ai 的 chat 功能去帮你安装 callocode。 然后呢，你有任何问题，遇到任何情况都可以问问这个 ai， 因为他其实是最懂如何去安装这些东西的。怎么样？如果你还没有安装 callocode， 你 可以试试这个方法。

看好了宝们这个全网小伙伴在找的可方们手机版，今天是终于给宝子们找到了，不仅可以一键去除视频和图片的马赛克啊，还可以恢复老照片，确实也是挺厉害的。 ok， 接下来就统一给宝子们出一个详细的保姆级教程来，手把手教你一遍是如何正确安装的方法其实也挺简单的啊，所以咱们废话少说，直接上教程。 ok， 打开抖音，点一下箭头分享，复制一下链接， ok， 然后咱们找到这个， 进来后他会弹出一个框，如果没弹的话也不用着急，可以在这搜一下泡沫小猪也是可以的。 ok， 泡沫小猪泡沫小猪工具合集进来后啊，取消一下全选，找到咱们需要的 calfone 手机版就可以了，选中保存安装就可以使用了。

一个视频教会你用免费的 cloud code 写代码。第一步，打开欧拉玛，下载自己操作系统的欧拉玛客户端，安装完成后，打开欧拉玛客户端，选择列表中的开源模型并下载。如果你的电脑配置足够好，推荐你使用大残数量的开源模型，如千万三 q 的 这个有三百亿个参数的模型。 第二步，回到欧拉玛官网，点击 cloud code 这个链接，根据该文档内容安装对应操作系统的 cloud code， 安装完成后，在终端执行该条命令来验证是否安装成功。确认安装成功后，在终端执行这条命令，重新配置 cloud code， 大家可以直接复制粘贴当前屏幕中的配置内容。第三步，我们在终端执行欧拉玛 launch cloud 回车， 继续回车。此时我们就可以看到成功进入 cloud code， 并且使用本地配置的模型进行编码或创作。下面我们来测试一下， 我们可以看到模型成功响应了我们的请求，模型响应的时间取决于我们本地电脑的配置。大家可以看到整套方案完全免费，并且可以确保所有的代码和数据都只在你本地电脑进行处理，再也不用担心泄露项目的隐私，安全感直接拉满。 如果需要配置命令的，可以在评论区扣一。关注我，后期我会分享更多有意思的内容，让你在工作和生活中学会用 ai 提效。

这款笔尖 cloud code 的 开源神器 open code 凭什么火遍开发界？ get up 上新标直逼八万？今天咱就从零到一，用它做个 ls app， 新手也能看懂。记得看到最后实测结果可能超出你的预期。一起来看看这款工具到底香不香？ 首先打开终端， cd 到自己的项目文件夹，直接敲命令， open code 能看到这个页面，说明启动成功了。新手别慌，直接输入斜杠，所有支持的命令全给你列出来。 咱先重点看杠 models 命令，这也是他比 cloud code 牛的地方，支持的大模型多到数不过来， cloud code 只能用自家的模型，但 open code 能选的太多了，咱直接挑免费的，就用这款刚上市的 mini max， 省钱又香。接下来我提需求，实现一个简易版的一了吗的 i s a p p， 结果他没 get 到我的意思，看起来太笼统的需求，不行， 咱换个方式，把核心功能直接甩给他。这次成功了，全程看着他噼里啪啦思考，选什么基础语言搭架构，根据功能点创建工程文件等等，新手完全不用管底层逻辑，太省心了。 本以为这次能直接跑起来，结果打开叉勾的运行还是报错了。我第一反应是截图发给他，结果忘了。免费版 mini max 不 支持多模态，认不了图片，没办法，只能手动复制报错信息黏过去。 他倒是很快给了一堆解决步骤，但我想分享另一个技巧，直接输入杠 agent， 切换到 build 模型。 当然你也可以通过 tab 键进行模式方面的切换。这不太关键了，切换后它可以直接接管问题，不仅帮我快速解决了报错，还顺带修复了一个 ios 十五的兼容性问题， 最后给出了一份清晰的修复总结报告。再次打开插件，点击运行，完美启动，在 app 里面操作一番也没有什么问题。说实话，作为能免费平替 cloud code 的 工具， 罗宾扣的最打动我的是两点，第一是选模型的余地超大，不用被单一厂商绑定，二百分之百的开源意味着后续想改什么功能加插件，全由自己说了算。对此你怎么看呢？关注我，带你解锁更多好用好玩的！

经常看到别人那个错，输入一些代码之后，就会有这样一段灰色的提示词，自己也想要怎么弄？想要用就先要知道它是什么，这其实就是 ai 的代码自动补全功能，我这里用的飞腾扣， 要用它呢，需要安装，点击扩展这里搜索飞腾，找到这个插线，点击安装，我这里已经安装了，安装完成之后需要注册登录登录了，我们在编辑区这里写代码，就能显示提示了。 按 type 键接受补全代码，我们写一个防抖函数测试一下，现在注视这里写防抖函数，可以看到下面马上就出现补全代码，按 type 键完全接受补全 代码，再继续按 cup 键，就会出现调用防抖函数的代码，继续接受。再在上面写一个 input 表单，我们就可以测试这个防抖函数。 输入 no 吧，可以看到它不是一个字母，一个字母的输出说明 a a 写的这个防抖有效了。

codex 啊，已经超越了 cloud code 成为了全世界最热门的 ai 编程工具了，它之所以能够超过 cloud code 成为全世界最热门的 ai 编程工具啊，原因在于它的价格相对来说比较亲民，而且对于国内的用户是比较友好的啊，不像 cloud code 那 样经常被 封号，限流和降质。好，那么接下来这个视频呢，就带着大家从零到一的来搭建 codex， 并且在 codex 里面使用当前最火的 skill 来进行 ppt 的 生成啊。好，那话不多说，接下来咱 们就进入正文。好，那么首先呢，你要安装 codex 啊，这块给大家讲两种方式，一种方式呢，就是原生的命令行的这种方式来使用，另外一种方式呢，就是通过 vs code 的 这种 id 的 方式来进行使用啊。 好，那当咱们使用命令行的方式来使用 code x 的 时候呢，首先需要保证咱们本地已经安装了 node js 的 环境啊，如果你本地没有 node js 的 环境呢？好，这时候先去这个网站啊，然后去找到和自己系统相对用的 node js 进行下载安装就行了， 安装的时候呢，没有什么难的，一路下一步就行了，没有注意的事项啊，安装成功之后，这时候怎么样确定自己本地到底有没有安装 node js 啊？你在这输入一个 node， 然后杠 v 啊，如果它显示 note g s 的 版本，说明你本地已经安装成功了啊，那么这时候呢，咱们就可以使用这一行命令啊， npm install 杠 g 啊，全局通用的方式来安装 codex 了，复制它， 当然这个仓库呢，是 openai 的 官方的仓库啊，在它这个说明文档里面有相应的信息，那我复制这个信息，来到命令行窗口里面敲回，这就行了，这时候保持你整个网络畅通，它就可以很快地去安装 code x 了。好， 那么很快呢， code x 它就安装好了，但是要使用 code x 啊，我们需要有叉的 gpt 的 账号，并且我们的叉的 gpt 的 账号 要是 plus 用户才行。那这时候怎么样去注册账号，把账号变成 plus 用户呢？给大家去说一下。首先你去访问这个网址，官方的网址啊，叉点 d p t 点 com， 访问完成之后呢，在右侧有一个免费注册， 然后这个时候 ok， 你 可以使用谷歌账号，或者是使用你自己的邮箱，如果你没有谷歌账号的话，就使用自己的邮箱，然后继续下一步输入密码，然后注册就行了。然后注册完成之后呢，这时候把你的账号升级为 plus 用户。当你把你的账号升级成 plus 用户之后呢，这时候咱们就可以用指令来启动 codes 了。 好，那这时候呢，咱们在里面呢去输入 codes 啊，第一次的时候它会让你弹到这个页面上啊，让你先登录的。登 完成之后呢，那你的用户的授权信息就会加载到 codex 里面啊，那我就可以继续用了。好，那我这个时候我不是一邮箱啊，我是谷歌账号，应该是谷歌账号啊， 咱们来试一下。呃，申请账号的时候也要去保证你的。呃，网络啊，你的网络是 ok 的 才行。好，我这呢应该是这个账户。 ok， 点击继续。好。登录成功了啊，这时候呢，咱们切换到咱们这边啊，切换到这边好， ok， 那 么咱们的状态就已经是登录的状态了。 好，这时候大家可以看到啊，它默认的这个 model 啊，就是使用的是 gpt 五点二呃，控制器的 model 啊，那你要切换的话，你可以杠啊。 model， 敲回车，大家可以看到了，它现在呢有五点二的，这个是一个综合性的模型，还有五点一的啊，五点一 mini 的， 那我目前使用的是五点二啊控制器，那我就使用这个五点二就行了。 那么当你选定完模型之后呢，来到了这个页面了啊，这个页面是针对于这个模型的一个模式选择，它的模式呢？有路啊，有，呃， high， 呃，当然路的这种模式呢，它推理的能力不是特别好，但是它响应的速度非常快。呃，那么 high 的 这种模式呢，它推理的能力很强，但是执行的速度比较慢，所以通常情况下咱们选择第二个啊，中间的就 ok 了，然后敲回车。 好，那么这时候它就使用了最新的 j b t 的 模型来进行代码的编写了。好，那这时候咱们可以首先先进入到一个目录里面啊，进入到一个项目目录里面，然后在一个文件夹目录底下进行操作，当然在这个方底下去操作的话也也行 啊，那相对来说，你后面去找这些文件的话，不太好找啊。那好，那我这时候可以把它关掉啊，关掉，关掉完了之后呢？ ok， 我 在我的桌面上去创建一个项目文件啊，项目文件呢，不要是中文的啊，最好是英文的，好起个名字，比如说我这儿呢，就叫做 my coders 啊，好，然后进入到当前的页面里面之后呢，在当前的文件夹里面 c、 m、 d 啊，来去启动命令行，然后完了之后呢？还是啊首先我要去启动我的 coders。 好， 那么第一次登录完成之后呢，以后就不需要去登录了啊，我现在所有的这个操作的话，都是在当前的这个文件夹底下进行相应的一些操作的。好，那这时候比如说我想要让他去生成一个页面的话，我是直接可以给他指令让他去生成的啊。好，比如说我让他去生成 啊，生成一个呃美观的登录页面啊，然后呃页面的名字咱们可以给它规定一下，比如说叫做 log in 点 html 啊，咱们先让它来完完成一个基础的一个工作， 咱们先来看一下它生成的一个质量啊，等这个页面儿做完之后呢，给大家来演示一下怎么样去安装呃 skills， 然后来完成一些扩展工作啊？那什么是 skills 呢？在它生成的这个时候呢，刚好给大家去讲一下 skills 啊， skills 呢，其实它就是给你的 ai 员工 去安装一个员工手册，有了这个员工手册之后呢，那么他每次在执行任务的时候，会按照预期你给他指定的方式来稳定的执行任务，并且在 skills 里面你可以做一添加一些扩展工具，那这时候就可以去增强咱们大模型的能力了啊，所以总体来说你可以认为它是一个 升级版的一个提示词啊，但是在这个提示词里面它有三部分，这个咱们前面讲过了，它有原数据啊，它有提示词啊，我任务应该怎么样去执行的？那么还有一个就是资源包，在资源包里面可能会有一些工具啊，然后我再去执行一个任务的时候，我按照提示词的方式 一步一步来进行，稳定地去执行，然后有一些任务可能需要去调用一些啊， python 文件去完成的，那就去我的这个资源文件里面去调用，去执行。所以说呢，那个 skills 啊，它本身是一个让大模型能够按照预期的方式去执行的一个 技能啊，然后在这个技能里面我可以有一些插件啊，这就是 skills 它本质的东西啊。好，那么这时候呢，它已经生成了，然后问咱们是否同意？呃，写入。好，这时候咱们去同意啊，那么它就可以把刚才生成这个代码呢，然后进行写入了。好，那么写完了之后呢，接下来咱们来看一下。 ok， 在 这个 呃，项目的目录里面呢，就有 logan 的 html， 然后咱们看一下生成的效果如何啊？双击好啊，生成的效果呢？整体来说还不错啊，是吧？还不错啊，当然你可以有一些样式问题的话，你还可以让它继续让它追加啊，让它进行修改也是没有问题的啊。 好，那么咱们，呃基础的功能用完之后呢？那这时候怎么样去给当前的 tools 去安装 skills 啊？给大家来说一下，那么安装的话，咱们首先先要去找到你要去使用的 skills 啊，自己去写的也也可以啊，那么刚开始学之前呢，可以先用别人的。好，那么 astropica 本身是有 skills 的 啊，然后大家可以去这个网站，然后去访问 abstract 它底下这个 skills， 然后，呃，在它这个 skills 目录里面有很多的 skills 啊，其中有一个是关于 ppt 生成的对吧？它还有 pdf 啊， 还有关于 converse 啊等等啊这些，那我这个时候， ok， 必须，比如说我现在要去安装这个 ppt 生成的 skills， 那， 那我就好访问它的这个目录，对吧？啊，复制这个地址，然后回到咱们的这个 mini 行里面啊，然后咱们使用 skills insert， 然后加上那个地址啊，就可以进行安装了，那么也就是这行命令啊， double 符，对吧？啊，你要执行 skills 的 insert 安装了，那然后安装哪个 skills 啊？就是安装这个 skills 就 可以了。好，这时候咱们去敲回车，还是一样啊，同意它进行写入啊。好，那么呃，经过短短的 十几秒之后呢，它就把这个 skills 去安装到呃 coders 的 啊全区目录里面了，所以咱们在 以后任何一个项目里面都可以去使用这个 skills 的。 好，这时候呢，那我就可以去呃问他啊，你包含哪些 skills 啊，那这时候他就会去查询自己的这个 skills 啊，到底有哪些。然后啊，这块呢，大家可以看到里面的这个 ppt x 就是 刚才咱们已经安装的 skills 了啊，但 skills 的 话，这种是在线安装的方式，咱们直接给他输入一个地址，让他去去安装的啊，当然你也可以通过 呃离线的方式手动去下载，然后把它放到文件夹里面，或者是放到全屏目录里面啊，这两种方式都是可以的。那么离线的方式呢，咱们在呃 jamaican 之前的视频里面讲过啊，这块咱们就不说了。好，那我这时候要让它去生成一个。呃， ppt 的 话， skills 的 话，那我就用命令的方式来去告诉它就行了。好，这时候呢，比如说我让它呃，生成， 生成一个关于，然后写主题，对吧？呃，什么是 skills？ 什么是 skills 的？ 呃， ppt 要求极简风格 啊，其他就不用去输了啊，这块简单给他一个描述就行了。当然啊，如果是生产级别的话，建议大家是 词啊，越多越明确，那么它执行的效果可能是越好的啊，咱们这测试的话，可以简单来写一下。好，这时候咱们来敲回车。好，当咱们去敲完回车之后，其实咱们是可以看到的，它目前是使用。呃，它上面写的，对吧？它用的是 ppt， 呃， skills 啊，然后来去执行咱们的任务的 啊，咱们从网址里面是可以去看到的。好，然后他问咱是否去创建这样的一个 ppt 文件啊？好，咱们点，呃，回车啊，这时候呢，他就开始去创建了。好，然后咱们继续敲回车。 好，那么经过四分钟的执行之后呢， ppt 已经生成好了啊，然后这个时候咱们来看一下生成，呃，最终的一个 ppt 啊。好，咱们来打开看一下，什么是 skills 啊？然后确实挺极简的是吧？ 呃，然后是把附用的流程封装成可以调用的能力啊，这个介绍的话还是很 ok 的 啊，然后定义然后它的组成是吧？啊？组成就三部分吧。呃，原数据，然后它的 prompt， 然后它的 scope， 它的这个，嗯，执行的脚本啊，然后最后呢写它适用的地方啊，和它本身 scope 的 价值是啥，对吧？好， ok， 那么大家觉得生成的这个 ppt 质量如何呢？可以评论区留下你的宝贵意见啊。好， ok， 那 么这样的话，咱们的呃命令行的 codex 就 安装好了， skills 呢也安装好并且使用了。好，那如果我想要在 id 里面去用，怎么用啊啊？首先当然啊，咱们需要去呃官网去安装 呃这个 vs code 的， 直接搜索 vs code 的， 然后下载安装就行了啊，安装完了之后呢，这时候呢，在扩展工具里面啊，然后点击扩展工具，然后可以去搜索 open ai 或者搜索 codes 啊，都可以了。好，这时候呢，第一个就是 open ai 官方提供的插件，然后点击安装就行了啊，如果说你本地像我刚才一样已经通过 note g s 的 方式在命令行安装了 codes 了， 那这时候来到 v s code 里面是不需要任何配置的啊，这时候它是可以去共享 codes 命令行进行使用的。好，那么安装完成之后呢， ok， 咱们就可以打开项目啊，打开文件夹，文件夹呢，其实就是咱们 桌面上的这个项目，然后去选择它，然后选择完它之后啊，大家就可以看到了。 ok， 这边就是咱们刚才去执行 codes 的 命令啊，它已经完成了，对吧？然后咱们就可以在啊这个里面啊，这个命令里面上一个绘画命令里面继续来 进行相应的执行了。那么 a d e 相比于咱们的呃命令行窗口，它的优势是啥？它的优势是你可以直接去打开这个文件来看这个文件，而且呢在它里面去执行一些命令的时候，你是可以进行一些回滚操作的啊，然后并且 它进行截图上传的时候是比较方便的，比如说我现在啊，我要让它去复现一个页面，是吧？啊，那我就复制一下，然后 ctrl v 在 这进行粘贴一下就行了，粘贴完之后呢，那我就去写西安的需求，写完之后，那么执行是和咱们在命令行窗口这边执行是 一样的啊，那比如说咱们的这个登录页面，我想让登录页面的这个颜色变成极简的白色啊，那我就可以在基础上去呃，去去去，告诉他啊，这时候呢，咱们就输啊，将将呃 login 点 html 背景换为极简的白色风格啊，然后完了之后， ok， 底下这些设置呢，不需要去动它，这就是咱们命令行的设置嘛。 啊，使用最新的模型好，然后这时候去发送好，然后在 id 里面呢也能看到它的修改啊，它从原来的，这是上面啊原来的，然后加了一些什么内容啊？我可以允许这次的执行或者是原词此次绘画的所有的执行啊，那我就去选择就行了 啊，那么到这儿，呃，它的 login 就 已经修改好了，然后并且有修改的行数啊，然后这块呢，你可以进行回滚啊，可以进行回滚操作，这就是 id 它的优势啊。好，那这时候咱们打开 页面， ok， 已经变成极简的白色了，对吧？好，这时候如果说，哎，你不是满啊，很满意哎，我就需要之前的那个啊，那我这时候就可以撤销啊，回滚到上一个版本了。那么到这咱们关于 codex 的 两种使用方式以及 codex 加上 skills 的 演示呢，就给大家执行完了。我是磊哥，咱们下期内容再见。

最近 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 或者 codex， 使用 happy 这个开源项目就能实现远程控制。目前这个开源项目在 github 上已经斩获了八点六 k 的 star， 最近的更新是在昨天，这个项目非常受欢迎。它的主要原理呢是我们先在本地运行 cloud code， 之后再安装 happy code c l i， 然后通过 happy 终极服务器实施 同步，端到端加密，最后在手机端远程控制与监控，通过这三步就能顺利安装。第一步，启动终端，通过 npm 这个命令进去安装 happy code， 然后安装成功后 输入 happy 命令来代替 cloud code 的 命令。我们首次使用会让我们选择使用猫标 app 或者是 web browser， 我 们这里以 web browser 演示为例， 选择之后会打开我们的浏览器，然后显示这段内容。我们把这段内容在其他的设备上，比如 电脑或者 ipad 或者手机上面打开，实现远程控制。登录之后需要我们选择接受连接。具体的安装过程小亮已经整理成非常详细的图文教程。连接成功后，在我们的远程设备上就会显示已连接终端，同时显示我们的项目文件夹。 启动新绘画后，我们可以在全线模式中设置接受编辑计划模式、运动模式等。在这个远程控制中，我们依旧可以 调用相关的 compact 和 clear， 这些命令包括我们已经拥有的技能都是可以调用的。此外还支持语音输入，这一点非常方便。当我们处于远程控制状态的时候，我们本地的终端显示的是这个界面，提示我们按下空格键就可以回到本题模式。 当我们处于本地模式的时候，我们远程信息依旧同步，会提示我们已经切换到 local 模式，我们只需要输入任意内容，就可以回到 远程控制模式。总结一下， happycode 这个开源项目实现了对 cloud code codex 的 远程控制，可以跨设备无缝切换，同时实时状态同步，能完成智能推送控制，还可以语音输入控制，使用场景非常丰富，比如通讯录上可以继续观察我们的编码任务， 突发灵感可以随时记录并执行，同时还多设备切换入缝衔接工作流。所有内容小亮已经整理成了非常详细的文档，我是科技小亮，我们下期再见。

一天一个黑科技，今天给大家分享的是最近爆火的工具 cody former 最新版，它不仅支持一键智能去除马赛克，还能 ai 修复照片与提升画质， 同时支持安卓、苹果、鸿蒙。下面火速分享给大家。首先点右下角分享键分享复制链接， 复制成功后我们打开这个蓝色小鸟，没有的话就去安装一个，打开后会弹出一个资源包，如果没有弹出，就在这里搜索穿胶宝库，然后打开这个文件夹，找到这个软件保存下载安装就可以用了。