Claude Code状态栏设置

今天我们这期视频只讲一件事情，就是普通人如何使用，如何安装 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 时代，我们不用纠结新出了什么东西，哪个模型更厉害， 能帮自己提效的，自己用着习惯的，对自己来说就是完美的模型，完美的工具。好了，本期内容分享就到这里，我们下期再见。

今天这期视频啊，我们只讲一件事情，就是普通人怎么用 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 啊，这些呢，我们之后也会介绍，但我想说的是啊，这些其实都不重要，重要的就是你自己先玩起来，先用起来。好了，今天的视频就到这里了，我是李超，我们下次见。

今天我要把压箱底的整套 ai 开发环境的搭建流程分享给大家，并手把手教大家开发一个网页和一个简单的 app， 好， 咱们开始吧！ 大家好，我是老魏，自从上次分享了 app 的 整套开发流程，呃，私信和评论区大家都在问我， 我想动手做，我要看怎样开始。呃，那么今天咱们就把最核心的基础环境搭建流程开始讲起。 这套环境不只是装一个软件，而是要把 ai 深度集成到你的开发流程里边，配置好大家就可以去用模型去实现大家自己的想法。今天的实战我会带大家开发一个网页，以及跑通一个原生鸿蒙 app。 我 们使用的主要工具是科室和 cloud code， 使用的模型是 cloud code ops 四点六，这个模型是现在最顶级的编程模型，没有之一。有开发基础的朋友会问，科室就可以跑 ops 四点六模型，为什么还要搭配 cloud code？ 原因是科室的收费是非常高的， 我们使用 cloud code 搭配国内中转站跑 ups 四点六的模型，使用的费用仅为科室的几十或百分之一。如何操作大家私信我。下面我们搭建开发环境，首先登录科室官网下载科室， 这里有 max 版和 windows 版，大家看自己的情况下载合适的包，下载后双击安装，安装完成后，在程序屋打开科室，我们去新建一个项目， 它的新建项目其实很简单，就是创先创建一个文件夹啊，输入一个名字，打开，这就是 ctrl 的 使用界面。右上角三个方框 啊，是调整显示内容的，最左侧一般显示代码啊，下面显示终端啊，最右侧呢就是显示聊天栏，进来以后一般要登录，登录的时候它会跳转到浏览器，我就直接用我的谷歌账号登录了， 然后返回 ctrl 终端，它也是登录状态了，我们可以在聊天栏和 ctrl 说话，看它是否正常恢复啊，这个时候就可以了。 并且 ctrl 还有一个很重要的功能，它有很多的插件可以安装啊，后面我们会安装一些插件，比如说我可以安装 my sql 的 插件， 有了它我们可以很方便地查看数据库的数据，一般是在这里点击安装，我已经安装了，那么安装完在小三角就会有一个 database， 在 这个里面我们可以点点点的方式去查看数据库，就不用去数据库里输命令了。 好了，下一步我们开始安装 cloud code。 cloud code 安装相对复杂，大家可以找豆包或者任何其他 ai 工具搜索一下怎么安装，或者大家私信我，直接要安装步骤也可以。 好了， cloud code 和科室都已经安装好了，那么 cloud code 和科室如何连接到一起呢？这是需要在科室中安装 cloud code 的 连接插件，在插件市场搜索 cloud code， 点击这个安装 好了，我们打开今天的主角 cloud code， 在 科室中把终端界面调出来，输入 cloud code。 如果大家没有接国内中转，这时候会跳转到 cloud code 的 官网登录授权，但是大陆是无法访问 cloud code 的， 必须要接国内中转，大家私信联系我，接完中转后就可以和 cloud code 对 话聊天。 cloud code 是 支持不同的模型，价格也不一样，其中 ops 是 最贵的，我们可以输入命令斜杠 model 去切换自己想用的模型，关于内置命令的使用，我后面会录一期专期视频， 环境我们已经搭建好了，就可以进入开发了。我们先实现一个类似于苹果官网的网页，直接和 cloud code 的 对话，这里我说明一下，现在的 ai 都非常智能了，我们不需要特别的去研究提示词，直接使用大白话 ai 也可以把任务完成的非常好。 好了，页面写好了，我们直接跳到浏览器上查看 html 文件。 页面和苹果官网还是非常像的啊，包括上下滑动的切入动画，但是这种纯 html 的 页面那是没有什么意义的，就像是我们做了一张 ppt， 效果是一样的。真正我们要开发网页或者网站，必须具备的是前端、后端和数据库，后面的视频我们会详细去讲。 好了，下面我们使用鸿蒙原生语言去开发一个简单的 app。 我 们先使用鸿蒙的默认开发软件啊，去创建一个鸿蒙项目，输入必要信息，点击确认完成。 这是鸿蒙创建的一个模板项目，我们可以点击右侧的 prevenir 去预览页面，现在是显示一个最简单的 hello world。 我 们使用 cursor 去打开这个已经创建的项目啊， open folder 啊，找到刚才的项目所在的位置，打开后 啊，再核对一遍，没有问题。我们再在科室中输入命令 clock code， 去打开 clock code 的 对话框， 输入内置的命令 in it， 它会读取整个项目的代码。 发现回答是英文的，我们可以跟他说今后都是用中文回答，就解决这个问题了。我把生成 app 的 提示词啊发给他，我们做一个简单的倒计时的 app 啊，正在生成了， 它现在就在文件里写写代码好了，生成完成好，跳回红方的开发软件查看结果啊，发现有报错，没关系，我们复制报错信息 啊，粘贴给 cloud code 让它解决啊，好，解决。完成，跳回开发工具，刷新页面，已经正常显示了， 但是好像显示的有点问题，我们先不管，去编辑 build project 好，翻译完成。我们去模拟器里面去看一下这个 app， 它会把 app 装到模拟器里，模拟器就是有，就像我们的一个手机是一样的，就是我点击按钮发现没有任何的反应，怎么办？我去直接把它截图发给 cloud code 粘贴，告诉他我点击没有反应， cloud code 又修改了一次，我们再回到火盟的开发软件，发现显示正常了，再重新变异到模拟器上运行， 再看这个页面看还是可以了，点击 start， 开始倒计时 recite 重置时间。好了，我们这个简单的 app 就 已经开发好了，谢谢大家。

有了这个可乐的扣子，这是打开新世界的大门，看我今天弄这玩意打开，哈哈哈，看着啊啊，就写这个，一块卖塑料原料的，我以为我一个球友是卖塑料原料的吗？点击生成 来了，哈哈哈哈。哦， ok 啊，然后呢？把这个，你要这个素材，这这这是比如说素材放在一个文件夹里，然后点击打开，然后他这个素材，对吧？ 素材是独取成功，比如说我朋友刚发我的，他送货的一些素材扔里边了，就选一个声音，选个语言，选个 chinese 就 行了。选个 chinese 之后选这个旁白的男孩女孩，我选个女的，再选个 声音，随便选一个，之后语速选一下，试听一下。欢迎使用短视频工厂，这声音行，见证奇迹的时候到了，开始合成，他就开始合成了，看这速度，正在渲染视频，哈哈哈，成功了，测试视频，合成成功我们再打开这个， 这是刚成功的时间啊。这个是什么？十一点四十八分十一点四十八分，看看怎么样？还在为原料发愁，价格忽高忽低， 质量还不稳定，试试这款进口塑胶粒子，哎呦，字幕呢？ tv 认证，耐高温、抗老化，流动性超强，注塑零瑕疵，一吨直降八百元，库存仅剩三十吨，扫码立即锁单，错过等三个月哈哈哈哈。

大家讲一下怎么使用卡尔扣的？卡尔扣的现在猛的有点厉害，学代码实在是无敌了，但是我们直接使用不了，而且即使你想用它也极其的不稳定。我给大家讲一下怎么直接稳定的使用。来我们的金桥网页， m e s s c i 记不住可以看我主页地址，进来之后直接点击扣入登录 这里就可以使用 code code 克拉斯 jimmy 我 建议大家使用 code code 安装 code 只有两个步骤，第一步，下载路由器。第二步，安装路由器。下载路由器我已经下载了，我验证一下就 ok。 嗯，这里出现虚拟好水，没正常安装。然后我们再安装路由 code， 安装路由的 mac 用户 live 使用，也将 s u u 获取管理员的权限， windows 也需要获取管理员的权限。 安装完成之后，我们输入 card 开始使用。这里特别注意一下，如果你需要使用，必须将激活码激活，兑换券通过我主页地址获取。 这里就是 card card 最新的使用界面。然后我们看一下这些模型，该有的模型全部都有，而且是完全不掺假的，直接用就完事了。 行，就这样，如果说你还需要使用 gpt 等科研工具的话，也有网页版本的，不将至写代码，写两个论文，无限好用。行，就这样，如果大家需要使用的话，看一下我主页地址，同时你也可以点个赞和收藏，拜拜。

用可乐的扣子写项目，聊着聊着就会蹦出来一句话，提示你上下文窗口快满了，一旦压到上下文， ai 就 开始抽风，出现上下文腐烂的问题。问题是在命令行里边，你压根看不到上下文用了多少，等提示的时候就晚了，尤其是你在这个绘画里面已经取得了一些项目进展的时候。 如果你有这个痛点，强烈建议安装可乐的哈的这个插件，执行三条命令就能用了。装上之后，在终端底部会出现一个实时的状态栏， 以进度条的形式显示当前窗口的上下文使用情况，还会显示 ai 正在调用什么工具，跑什么 a d 的。 当可乐的卡住不动的时候，一眼就知道它是在思考还是在调用工具，还有显示当前项目的 get 分 值，任务代办进度。 这种感觉就像给开车从没有用过仪表盘的人突然撞上了仪表盘。使用可乐的扣子，心里面就有数了，可以很清楚的看到可乐的在做什么，剩余的上下文有多少，哪些工具处于活动状态。当你管理多个变形的可乐的绘画的时候，会非常有用。点赞关注，每天获取一个新知识！

今天给大家讲解一下如何免费使用 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 的 基础安装，以及如何接入国内的 deepsafe 大 模型，但视频发布后，很多朋友反馈 不使用 cloud 的 官方模型，总感觉少了一点灵魂。还有的提到官方 api 限制多，价格贵，动不动还封号，钱包确实撑不住。没关系，这期视频我就带大家彻底解决这些烦恼。 我们要实现的目标就是通过 cc switch 接入第三方中转模型，这样不仅能告别封号的风险，还能极大的压缩使用成本，主要是它的响应速度和功能体验和官方原版几乎没有差别。要实现 api 的 自由切换，我们还是用之前视频里安装的工具 cc switch。 简单来说， cc switch 就 像一个智能的路由器，它可以动态修改可拉的 code 的 请求，让它精准的指向我们配置好的中转地址，而不是只认官方服务器。 下面我们直接进入实操环节，看一看如何优雅的接入中转模型。第一步就是获取 api 的 key。 首先我们要到中转平台创建一个 api 密钥，选择中转平台的优势就在于性价比极高，而且 支持国内支付是非常方便的。在这里我们来到 api 密钥这里，然后选择创建密钥，在这里我命名 c c， c c 四个 c 分 组，这里我们选择一下模型，然后我们选择创建好，这时候创建好之后，我们就需要打开 cc switch， 在 这里去添加模型配置。 打开 cc switch 之后，我们选择右上角的加号，在这里我们选择自定义配置，像这个模型名称这里我们就可以自定义模型名称，这里的命名最终会显示到可乐扣的里面的模型，选择命名一个 demo， 然后我们把 apm 要粘贴过来，然后请求地址这里它每一个平台它都会有文档手册，可以到手册里面看一下这个主模型，这里我们也可以自定义命名，在这里我同样我还输入 demo， 在这里我们添加这些内容之后，其他的都不用管，然后我们直接选择添加，添加好之后我们要选择我们新配置的 api， 这里我们要选择起用，这时候显示切换成功，下一步我们就要进入 cloud code， 我 们看一下接入的模型是否有显示， 然后我们输入斜杠 model model 回车，现在选中的就是 demo， 然后我们回车，在这里我们对话问他一下你当前什么模型，然后我们回车 可以看一下我当前使用的是 demo 模型，就是我们刚刚创建的那个 api 的 名称，那么我们就再换一种方式问他，我们这样问他你的底层模型是什么？我们看一下他的回答， 他给我们的回答，根据系统信息，我当前使用的是 demo 的 模型配置，因为我们在 c c switch 里面配置的这个名称就是 demo， 所以 它这里显示 demo 模型配置。我们来看一下最后一句就是简单来说，我的底层模型就是 cloud opus 四点六， 这就是它的最新模型，也就是我们的配置已经生效了，调用了官方的四点六模型。最后再跟大家总结一下，为什么我们要费这道功夫去接中转，它第一个优势就是极度灵活， 你可以根据任务的难度随时切换模型，比如写复杂的架构，用 clog 模型，简单的代码就可以选择质朴的模型，同样也是这个方法，流程都是不变的。 他第二个优势就是极致性价比，告别官方昂贵的账单，像这种第三方的，他支持按量计费，就是用多少花多少，再也不用担心账号被封导致余额打水漂。好了，以上就是本期关于可乐扣的，利用第三方使用官方模型的方法， 用极具性价比的方式让强大的 ai 编程助手为你所用。本期内容分享就到这里，我们下期再见。

本系列视频耗时三个月制作共计六百分钟，教你 cloud code 从入门到精通第一张， cloud code 快 速入门与配置篇，今天讲绘画管理，避免失控，高效推进。哈喽大家好，我将以案例实战的方式带大家从入门到精通 cloud code， 那 么这套课程的话会持续更新非常多的实战案例， 那么今天我们就给大家分享第一个章节的内容， cloud code 快 速入门与配置好，然后第四个章节的话是有关这个 绘画管理啊，就避免出现一些失控的一些情况，然后可以去高效推进我们的一个事情， ai 大 模型学习路线图，课程配套资料，全套大模型面试题，教学视频项目源码我都整理好了。 然后这一块的话，首先第一个是随时暂停跟回本啊，大家可以随时按 esc 去暂时我们当前的一个窗口啊，就跟我们上次啊，刚刚有一个演示， 就是万一卡死了是吧，太卡了，因为安装依赖啊，要连网吗？有时候可能会超时啊，或者是一些思路有点跑偏的话， 大家可以去把及时中断去减少无效的操作啊，因为它调用是要付费的啊，所以我们能能省则省啊，就是一些没必要一直在跑着，比较费推费那个 token。 然后按 esc 两次的话，可以回归到历史对话节点啊， 它是没有 redo 功能的啊，回退前的话我们需要确认一下那代码，不满意的话我们可以直接说回滚到上次代码就可以了，然后 cloud 它就会自动去恢复， 那有些情况的话，它也可能会出现一些这个应对历史的一些溢出，比如说对话的时候去提示了这个 contacts left untel do outcompete， 比如说百分之三十，百分之三说明历史记录快满了，它会自动去触发一个压缩啊，大概需要一百五十秒，那也可以执手动执行一个 at compact 去续命啊，做一个压缩 好，然后大家这里看啊，它那个获取内存的它还在继续啊，我们可以给它中断掉啊，比如我们刚刚说的，大家可以按一下这个 esc 啊，你就可以中断整个中断，然后你就说你想继续的话，就是你可以比如说继续执行啊，那要是中断的话，大家你可以加一个啊，那接着跑， 看他能不能识别出来啊，要是误操作了是吧？我们可以让他接着去写啊，因为他整个对话记录是有的啊，大家看是不是接着了，刚刚是不是在这里断掉的是吧？你看现在是不是咱们又可以去写了啊？ 刚刚写到那个异常了，反正断了也没关系啊，编辑报错也没关系，因为他最终的话其实都会帮你把这个项目做一些 check 给运行起来的，所以不用太担心。 但是这个项目它耗费的时间比较久啊，所以这个里面的话，呃，我们其实不应该让它去创建一个 java 项目，应该创建一个简单的 html 项目就可以了，不然的话让它就是跑的太久太慢了啊， 你就关掉吧，不用跑 java 项目了，因为这个项目这个耗费的时间太久啊，等它全部跑完的话，这个要等很久。我们需求提简单一点啊。呃，我们看一下之前的历史记录啊，我重新把需求变一下，想基于 你就直接说啊，我想开发一个电商网站，基于 html 开发 不需要数据库啊，你就直接明确跟他说我不需要连数据库那些七七八八东西，那这样的话它的开发速度会快一些啊，但是我至少也要基于 html 五吧，是吧？就简单的去写一个电商网站就可以了啊，然后再帮我创建一个 shop html 五文件夹啊， h t m l 啊，然后首先生成项目需要的技术方案到 plan 的 md 文件中，然后将一些这个改一下 h t m l 项目的代码生成规范输入到这个。好，我们用这个来跑啊，这样的话跑起来会快一些啊，因为刚刚那个太久了， 因为甲方项目开发非常复杂，里面的一些框架啊，包啊，东西非常多，我现在改成纯 h t m l 就 会快很多， 你看现在他会帮我去创建一个 html 五的一个电商网站了啊， 然后中间生成的这个过程中，大家要是出现一些对话溢出的啊，你可以执行一下压缩啊，就把这个压缩一下，避免对话中断啊，然后也可以 cloud 杠 c 直接进入上次的一个对话啊，比如说我现在中断了， 我现在就来跑一下这个命令啊，我现在强行中断啊，因为遇到了一些问题，我不想等太久了，大家可以直接执行那个什么呢 compact 啊，直接给它压缩一下， 压缩完我们把这个对话保存，然后等一下再来恢复这个对话啊， 所以这里执行稍微会有些慢啊， 我应该继续完成任务，你看他要现在去压缩了啊，压缩对话历史了， 先让他执行完啊，我发起了这个 compact， 他 那个生成代码的那个线程就断了啊，现在需要去执行一个压缩任务，但是因为我之前聊天生成了太多 java 的 一些内容了，可能绘画太多了，所以压缩起来可能有点慢啊，所以这里还得稍等一下， 不过这个一般是用在这个绘画快满了啊，超过这个限制的话，他可能也会自动的去触发这个压缩啊。这个大家可以去测一下，看大到一个什么程度他会去触发啊。那我现在这个压缩来稍微有点慢了，稍微等待一下， 实在不行就发起一个新的绘画再去压缩，会快很多啊，因为之前的内容太多了。 嗯，就退出吧，看一下恢复与查看历史。我先退出啊，看一下这个是不是直接能恢复了。 cloud 点 go r 先关掉啊，退出，然后直接 exit 要退出了是吧，然后用 r r 让它恢复，看看能不能恢复啊。 哎，大概你看他这里让你选是吧。呃，十秒钟前啊，就是他每次对话这里会有一个恢复，是吧？恢复我们，呃，我们是选第一个啊，我之前聊过的所有对话， 好，大概现在是不是回来了，是不是回来了，是吧。如果大家不需要不希望选的话，你就直接直接去按这个 来，大家看，直接输 cloud 杠 c， 他 直接回到上一次了，就不用你选，你退出那是哪一次，他回到了就哪一次，你看是不是回来了，然后我们再加热继续执行啊，就是大家把这个窗口关了，你都没事的，关了，我们下一次直接恢复规划就行了，从历史记录里面去选。 所以 cloud code 它本地其实做了一套对话管理的，大家可以随时的去把这个绘画的话给它去恢复啊，直接可以恢复过来， 所以说这个用起来还是很方便的，里面有什么问题的话，比如说卡死的话，你直接插掉，然后恢复上次绘画再点技术执行， 主要是在他就执行命令的时候，要么是这个命令耗费的资源太高了，可能内存溢出了就卡住了，要么是遇到一些访问一些资源网络问题卡住的啊，这种情况下没办法就只能按 exc 或者直接你把整个窗口终端都给关掉就行了啊，然后大家看啊，你看接着继续。上一次那个是吧？我们回车让他接着跑啊，上一次跑到哪一步了？十二点 hte mail 跑到那个 play 了是吧？他会更新之前的那个进度啊， 按照之前的那个进度接着往下跑啊，这个 plan 里面要是没跑完的话，那接着跑啊。 所以现在这种 ai 工具能做到这个效果的话已经很好了。以前对话聊着聊着就中断了，上下文可能都丢了， 你要回复的话就很难了。但是现在的一些 ai 工具把对话管理这一块已经做的很完善了啊，他的那种中断呀，再执行的效果的话也比以前好很多了，所以说这一块的话就是，嗯，他体验的话就会好很多。 这个里面就还在执行啊，我看等他跑完这还需要一些时间。 现在他去写那个 h t m 幺五的一个代码规范了啊。嗯， demo 看有没有写完了， 我们切换到自动模式。切换到自动模式就不需要我确认了， 你看这是 html 代码的一些 cloud 的 一些规范啊，技术栈，然后文档结构啊，语义化标签啊，是吧？类名啊，属性啊， html 是 吧， css 样式啊，整个是不是都写的比较完善的啊？包括购物车什么的，它都帮你去实现啊，包括代码质量啊， 开发指导原则啊，是吧？整个都有了。好，那该有的文件都已经创建好了，接下来我们就可以按照 plan 点 md 文件中这个计划进行 html 电商网站开发，同时编辑代码的时候参考 cloud 点 md 的 规范来确保质量的一致性。然后 项目采用纯简单技术，在无需数据库，使用 lock storage 进行数据持久化，这是我一开始的一个原始需求啊。回车， 然后它这里还有一些提示啊，你看你可以去安装一个 get up 的 一个 app， 可以 去把跟这个 cloud 整合起来，用去这个 get up 上面去提一些一手 pr， 因为现在 github 它其实也做了一些 ai 艺术 tpr 的 一些功能啊。好，然后第一阶段，你看现在它依旧是按照这个阶段去跑的，跑这个的话应该会快一些，等一下我们就能看到一个效果了。 开始第一阶段的开发。首先创建项目结构跟基础文件， 你看它之所以其实在 bash 里面去要用这个 bash， 因为它这里面跑 linux 命令的话会很方便啊， 因为如果说他要去要接入 windows 的 一些命令的话，那就比较麻烦了，统一用 bash 这个 linux 命令去跑的话，他这些命令的效率会很高啊。然后我们点确定切换到这个自动模式， 然后目录结构已经创建好了，接下来的话就开始在执行了。 好，第一阶段已经完成了基础架构搭建，加项目结构、基础文件， 等下我们其实把这个整个项目跑出来之后，我们可以看一下它修改文件的这个能力啊。刚刚我们前面给大家讲的是，主要还是创建比较多一些啊，我们看一下它的改代码的效果怎么样啊？就是有一些比如说风格样式啊，我觉得不满意了，我现在想让他帮我去调整优化啊，直到改成一个比较满意的版本出来为止，不断的去优化啊。 好，大家看这个网站的 html 已经出来一些了，优品商城、电商购物等等啊， 现在创建头部跟底部的公共组建啊，它这个写代码的话还是有一些规范的啊，就是它是按照一个一定的规则来写的，不是随便写的，所以它最终可以确保这个代码的质量相对来说会高一些啊。 所以现在大家去看 ai 的 代码的时候，其实这个质量已经非常高了，因为按照现在最新的像 gpt 模型来说，据说这个水平已经达到博士的水平了，它的效果的话是好很多。 好，第二步完成，第三步搭建 css 框架跟响应式布局， 你看这个里面还提到了严格遵循 clod 点 m d 中的规范， 这个速度还是稍微慢了一些啊， 可能这个跟网络模型有关系啊，如果我们可以用那个 cloud 四那个模型的话，应该会看很多， 所以有时候跟这个网络也有关系。那么这几个命令的话，大家是需要知道的啊，就是对话管理这个啊，这个在我们实际的开发中用的会比较多一些，因为很很有可能任务跑着跑着就卡死了啊， 然后需要去给它暂停或者回滚啊，消息压缩恢复啊，那么下次再见了。

最近 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 分 析一下当前的问题所在，但是他却自作主张，咔咔的就是一顿乱改，改完之后发现又改错了，又得重来。例如在咱们这个视例中，我们这个 add to do 这个功能出现了 bug， 明明填写了 title， 但是点击按钮的时候呢，它就提示 title is required。 于是我们想让 cloud code 分 析一下问题所在，我们的本意是想让它分析一下问题，确认后再做修改，然而 cloud code 在 分析完问题之后呢，不管三七二十一就把你改了。 所以为了防止他好心办坏事，很多开发者不得不在提示词的结尾加上诸如此类，给出解决方案，不要修改代码。其实呢， cloud code 本身就提供了一个更优雅的方案来解决这个问题，那就是 plan mode 计划模式。 什么是 plan mode？ 想要了解 cloud code 的 功能，最好的办法就是问他自己，没有谁比 cloud code 更了解 cloud code。 这里有一个小技巧，如果你想了解 cloud code 的 某个功能，那么你就这样给提示词 reflect on your system prompt， 后面接某个提示词。 比如这里我们就写请解释 play mode， 接着他就会给出 play mode 的 详细解释。他说， play mode 规划模式是我在开始复杂编码任务之前使用的一个特殊的工作模式。 play mode 的 目的是在写代码之前先制定实施的计划，获得用户对方案的认可，避免做无用功， 确保方向的一致。退出规划模式之后， codecode 就 会进入执行模式，它可以编辑文件、运行工具，执行实际的代码变更。看到的说明呢？我理解了，在 plan mode 下只做计划，不做任何修改。为了确认是不是这样，我们再问问他， 在 plan mode 下你能创建或者修改任何文件吗？你看他说不能。在 plan mode 下我无法创建或修改任何文件。那为什么要这样设计呢？ plan mode 的 目的是先思考， 后行动，避免在未经批准的情况下修改代码，获得用户的认可，确保实施方案符合用户的期望。避免写了代码之后发现方向不对。所以你只能在退出 play mode 之后， cloud code 才能真正的修改代码。那现在我们了解了 play mode 是 什么，那我们要如何进入 play mode 呢？ 很简单，按快捷键 shift 加 tab 按一下 c c 会进入 url mode。 进入 url mode 之后呢，底部状态栏会显示 accept edits on， 再按一下就会显示 play mode on， 如果你再按一下就会关闭 play mode。 至于什么是 url 模式， 我们这个视频中不做讲解。现在我们进入到 plan mode 之后呢？回过头来再处理视频开头的问题试试。现在我们输入提示词之后，我们就不再需要明确要求它只做分析，不要修改代码了，然后我们就执行它。现在你可以看到它并没有直接改动我们的代码，转而先分析了代码上的逻辑，例如这个表单触发的逻辑， 问题的关键所在，以及问题的总结。现在我们要求 c c 帮我们实施这个计划，它会提示你想进入哪种修改模式。第一个是清除 context， 自动接受修改，这里的自动接受修改就是会退出 play mode。 第二个是自动接受修改，但不清除 context。 第三个是手动接受修改，手动接受修改也会退出 play mode， 但只不过每次 c c 修改文件时都会提示你得到你的确认。我们选择第一个，我们可以看到他已经帮我们修改好了这个问题了。当然咱们这个视力过于简单。 总之， play mode 的 作用就是在复杂编码任务之前，使用一个特殊的工作模式来采用一种更优雅的方式达到我们的目标。怎么样，你学会了吗？关注我，解锁更多编程技巧！

这是一期 cloud code 的 安装教程， cloud code 是 目前世界上最强的智能体，没有之一。你是不是以为它只是写代码的？但其实它在写作、写 ppt、 写文案、画图等多个领域表现都很好。它可以帮你干任何你在电脑上干的任何事， 甚至爆火的 minus 背后的核心推力引擎也大概率是它。接下来我给大家介绍一下保姆式 cloud code 安装教程。依次执行完下面这三个命令，你就成功安装了 cloud code， 并解决了中国区域 cloud code 不 可用的问题。首次启动需要登录，如果你没有官方账号，可以配置 连接国产模型。配置国产模型有两个方式，第一种方式，修改 colocore 的 配置文件。第二种方式，通过 cc switch 这个软件去自动化配。如果你有谷歌 pro 账号，我们可以把谷歌大删人的模型反带到 colocore 中使用。安装完 colocore 的 一定要安装的一个插件 superpowers 为什么需要它？普通的 ai 往往追求速度，拿到需求立刻开始写代码，这经常导致逻辑漏洞、结构混乱，以及改了一个 bug 却引入三个新 bug 的 恶性循环。 superpass 通过测试驱动开发来保证代码的质量。第一步，当你提出一个需求的时候， ai 会主动向你提问，理清需求细节，探索边缘情况，生成设计文档。 然后它会将大任务拆解为无数个二到五分钟可以完成的小任务，确保执行过程不偏航。最后，它会先写报错的测试，再写通过的代码。这种流程确保了每一行代码都是可工作的。

嘿，大家好，你有没有想过 cloudco 这个工具啊？到底怎么才能用的特别流？不只是让它帮你写写韩代码，而是真正把它变成你开发工作里那个离不开的核心搭档。 行，今天咱们就来干这个事，一步一步的帮你把它的整个使用逻辑彻底搞明白，让你从一个新手直接变成一个高手。 好，咱们来看看今天都要聊些啥？我们会从最基础的安装上手开始，也就是初步认识， 然后呢，我们会进阶到怎么掌握你的工作流，还有如何处理那些有点头疼的复杂项目变更。再往后就是最酷的部分了，教你怎么创建自定义助手，最后再看看怎么用代理和插件给它装上无限的超能力。 最关键的是怎么会用同一个项目从头走到尾，把这些知识点全都涮起来。行，那咱们就从第一步开始吧，先把它装上跑起来。第一个命令，咱们就拿一个最经典的代办事项小应用来开刀，正好用它来熟悉一下 cloud cool 的 最基本的操作是怎么回事。 你看啊，上手过程其实特别简单，第一步就是去官网复制哪个安装命令，在你的终端里一跑就行了。 然后呢，咱们得给项目建个家，对吧？所以就用 m k d r 创建一个文件夹，再用 cd 钻进去，接下来直接输入 cloud， 回车它就启动了。 最后啊，它会让你登录一下，跟着提示走就行，整个过程说实话，一分钟都用不了。要想把 cloud code 用得溜，最关键的一点就是要搞明白它的三种核心交互模式， 你可以用 shift 加 tab， 在 它们之间来回切换。这么说吧，摸日模式就像一个非常谨慎的实习生，干每一件事前都会问你老板，这个我能改吗？特别安全。 自动模式呢，就像一个你完全信任的老搭档，你让他干啥，他就直接干了，效率超高。而计划模式这个就厉害了，他像是一个项目经理，在动手前会先跟你开会，把整个方案讨论清楚了，再开工处理大活，必须用它。 咱们来实际操作一下。比如我跟他说，哎，给我用 html 写个代办事项应用，你看他并不会马上就咔咔开始写代码，他会先停下来问你，我要创建一个叫 index 点 html 的 文件，可以吗？ 别小看这一问，这其实是把控制权完全交给了你，你可以只同意这一次，也可以说行，都听你的。然后他就进入自动模式了， ok， 一个简单的 html 小 页面搞定了。但咱们都知道，真实的项目可没这么简单。所以现在挑战升级，咱们要把这个小应用重构成一个用 react 和 type script 写的现代化的项目。 这种大改动才是真正考验咱们怎么去控制整个流程的时候。你想想，从一个光秃秃的 html 文件，要变成一个完整的 react 加 type scripts 的 项目，这可不是小打小闹，这是整个架构都要翻天覆地。 你要是直接跟 ai 说你给我改，那结果很可能就是一团乱码。所以问题来了，我们怎么才能让这个重构过程既安全又可控呢？ 答案就是咱们前面提到的计划模式，你只要切到这个模式，他就变身军师了，不会再自己动手。 你跟他说把项目重构成 react， 他 不会立刻写代码，而是会给你一份详细的作战计划，告诉你第一步，目录结构要这么改，第二步要装这些依赖。第三步，代码要这么写。 你可以先审阅这份计划，觉得哪儿不对就让它改，直到你觉得完美了，再一声令下，让它开始执行。这样一来，所有事情就都在你的掌控之中了。 这里有个细节，我觉得设计得特别聪明，就是说就算你开着那个啥都自动化的自动模式，当它需要运行像 npm install 这种会动你系统环境的终端命令时，它还是会停下来单独问你的意见。 这就说明他很清楚，修改代码和操作你的电脑是两码事，风险等级不一样。这一点真的很贴心。 咱们改代码的时候，肯定要跑一个开发服务器，边改边看效果，对吧？那问题是，服务器一跑起来，整个终端就被占住了，我们就没法再跟 clode 聊天了，怎么办呢？很简单，按下 ctrl 加 b biu 的 一下就把服务器进程扔到后台去了，这样你的对话窗口就又空出来了，可以继续干活了。 扔到后台可不等于就不管它了啊。咱们随时可以用杠 tasks 这个命令，把所有在后台跑的任务都叫出来，看看想关掉哪个。比如开发服务器不用了，选中它，按一下 k 键就给 q 掉了。整个过程非常简单，多任务操作起来一点儿也不乱。 好，咱们接着说。再复杂的项目也难免有失手的时候，万一哪部改错了，想反悔怎么办？还有像代码格式化这种每次都得做的重复劳动，有没有办法让它自动搞定？ 行，接下来咱们就来解决这两个特别实际的问题。来想象一个场景，你让 closed code 加了个新功能，忙活了半天，结果一拍大腿，发现，哎呀，这个方向不对， 这事怎么办？别慌，用它的回滚功能，你只要输入杠 rewind， 它就会给你一个时光机，让你看到之前的所有操作记录点。你可以选择把代码或者你们的对话，或者两个一起刷的一下退到某个你想要的时间点，就像倒代一样。 不过这儿有个非常非常重要的点，大家一定要记住这个回滚功能，它只能撤销 cloud code 自己写过的代码，如果你让它跑了一个 n p m install， 装了一堆东西，那它是没办法帮你卸载的。 所以你要明白， rewind 是 个很牛的代码后悔药，但它代替不了 get， 想做完整的项目版本管理，还得靠 get。 大家有没有发现，每次关掉再打开 cloud code， 它就像失忆了一样，啥都不记得了。要解决这个问题呢，咱们可以在项目跟目录里建一个叫 cloud 点 md 的 文件， 这个文件就像是给他写了一份永久备忘录，你可以在里面写上这个项目的规矩，比如必须用 typescript 啊，或者代码儿风格要遵守 a， r， b and b 规范之类的。这样以后每次在这个项目里启动他，他都会先读一遍这份备忘录，带着这些记忆来干活儿。 接下来说个高级玩法，叫钩子 hux， 这东西是干嘛的呢？简单说就是自动化工具。举个最典型的例子，咱们写代码都希望格式统一对吧？ 我们就可以设置一个钩子，让它跟 preorder 这样的格式化工具联动，效果就是只要 code code 保存一次文件，这个钩子就会被触发，自动帮你把代码格式化的漂亮漂亮，从此告别手动格式化，是不是很爽？ 好了，到目前为止，咱们已经把工作流给玩明白了，现在咱们要进驻更激动人心的部分喽，定作画。 也就是说，咱们要把 clothes coat 从一个啥都能干一点的通用助手，打造成一个有自己独门绝技的专属伙伴，甚至还能给他配上几个专家小弟去处理专门的难题。 首先是代理技能，你可以把它理解成你教给他的一个独家菜谱，咱们在 skill 点 m d 文件里把这个菜谱写好，比如定义一个叫生成日报的技能，告诉他怎么根据 git 记录生成固定格式的报告。 以后你只要喊一声生成日报，他就会按照这个菜谱给你做出一份标准格式的报告，又快又准。 而子代理呢，就更牛了，他不只是一个菜谱，他相当于你直接克隆出了一个专家。 比如咱们可以创建一个代码审查员，子代理你把代码审查这个活扔给他，他就会在一个完全独立的空间里，用自己的工具和知识库去分析。等他干完了，只会把一份最终的审查报告交给你， 整个过程完全不会打扰你主窗口的聊天，也不会把你当前的上下文搞乱。所以你看它俩最大的区别就在上下文这三个字上。代理技能是在你自己的厨房里用一个新菜谱做菜，用的还是你自己的锅碗瓢盆， 而此代理是你直接把这个菜外包给了米其林餐厅，人家在自己的专业厨房里做好了，直接给你端上来一份成品 处理那种又大又复杂的任务，这种隔离就显得特别重要了。最后咱们聊聊怎么给 cloud cody 来个一键满配。这就是它的插件系统，你可以把它想象成一个应用商店，里面有各种官方或者社区大神打包好的能力扩展包， 这些包里可能包含了各种机能子代理工具，你只要一个命令就能装上。每个插件都像是一个即插即用的工具箱。 咱们就拿 front and design 这个插件儿来说吧，它可不只是加了几个按钮那么简单，它内部其实是打包了一个用专业 ui 设计知识训练过的代理技能。 这意味着什么呢？意味着你装上它之后，你的 colode code 就 立马拥有了设计家的审美， 这就是插件的威力。操作上，我们只要用命令装上这个插件，然后在提要求的时候多加一句，按照 front and design 的 要求来做， 就这么简单。然后你再看我们那个朴素的代办事项小应用，一下子就脱胎换骨，变成了一个设计感十足的专业界面。你看，有时候一行命令就能带来天壤之别。 好了，从最基本的命令一直到打造自己的专属代理，我们已经把解锁 call 的 扣、全能的钥匙都交给你了。现在你手里的早就不只是一个简单的代码工具了，它是一个能跟你一起成长，可以被你无限改造的开发伙伴。 那么最后就留一个问题给你，你心里那个一直想做但又觉得太复杂的项目，现在是不是可以把它交给你的超级助手一起开干呢？