VScodeSkills可视化教程

今天我们这期视频只讲一件事情，就是普通人如何使用，如何安装 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 升级成像素 ai 特工了，现在布置任务时，你能看见每个 a 帧的像素。小人在虚拟办公室里忙得团团转， ai 写代码，它就敲敲键盘， ai 查文件，它就开始看书， ai 等你输入，它头上还会冒出对话框。最炫的是，如果你触他的子弹里，他们还会像黑客帝国一样原地闪 现，完成任务后突然消失。并且插件完全免费开源，直接在 vs code 中搜索安装就能使用。这就当赛博老板监工 ai 干活的快乐吗？好，关注我，了解更多 ai 干货，感谢大家观看！

我们后面要写正式的商业项目，所以前面那种用浏览器和记事本的编辑方式就不行了，我们要有正式的软件和环境，这一切我主要讲一下 vs code 的安装和使用，以及 note、 zs 和 get 的安装。 好，我们来到浏览器这边，打开这个网址，可以用 vsc 点 midol 这一点 com 跳转到这里， 这个网址就是我总结的一些我们必修阶段需要的一些软件和环境。然后浏览器的话安装很简单，所以就略过，你们这边尽量用 a 值，用不了的用可用，我这边都有链接去下载安装就可以直接使用。 然后下面我先讲云环境，云环境就是在厂商服务器上的环境，当你的电脑配置不行，或者说你自己安 装有问题的时候，那么你就直接使用云环境，云环境会默认配置好所有东西，我们直接使用就行。来这里我们先看 colod studio， 这个是腾讯云的， 点击登录，注册后可以直接用微信登录。进来之后我们看下面这个新建工作空间，点击新建第一个 on one， 他就会包含所有的语言和环境， 然后我们给他命名二一零一，选择仓库为空，然后创建，创建好后双击进入，等待一下就会进入。 我们先把模板关掉，然后左边这个就是文件夹栏，右边是欢迎页，我们先关掉，点左边新建一个文件，命名为 ext， 点 html 可以看到创建了一个 html 文件，输入 html 有自动提示，选择这个 htm 五，点击后就会自动补成一个空的模板。 我们先写一个 h 一标签，然后为了在他这里面能看到这个网页效果，我们来这边的插件市场拓展安装插件，这边选择 live， 可以看到有一个 live preview 插件，点这个安装，呃，他这个有一点问题，就是不会实时改变，所以我们退出一下再进来， 然后右键就可以看到这个来无 preview 选项数，就是展示，点击后右边会出现提示，点这个三千端口信息，打开内置预览， 可以看到这个网页出现了，我们修改文字之后刷新一下，可以发现它实时的修改 好这个 live preview 插件，他会帮助我们在云环境上起一个网站服务，然后看到网页，我们也可以在这边创建一个新的 htm 文件，用同样的方式给他输入模板， 写个 h 一标签，输入我是第二页， 再回到 index 首页这边输入 a， 创建一个 a 标签，把他的网址改成第二页的地址，输入前往第二页， 在预览这边刷新一下可以看到这个链接标签，点一下前往可以看到 跳转到第二页了，这就是两个网页之间的跳转。然后还有一个是可乐的 id， 这个是阿里云的，用阿里的账户登录之后也可以创建新的空间，这边我就先提前创建了一个， 这边的扩展是 live silver， 前面那个在阿林不能用，但这两种插件效果是一样的。安装后点右下角这个 go live， 它会自动打开五千五百端口， 这个单口是什么呢？比如说 ip 地址是你的小区，那么单口就是你小区的门，北门、南门这样， 这样每个端口代表一个门，所有的网络请求会从这个端口中进来，出去可以看到这边也是一样，实时修改后刷新这个网页，这个域名是云环境给的，可以暂时。 另外这两个是国外的，英语和网络不好不要看，有需求的同学自行选择。 下面是主要的问题，就是很多同学下载 vs 扣的下载不下来，因为网速很慢，国外的地址，然后我这边就用了加速连接。你可以先选择你的电脑版本，然后点击这边匹配你电脑的版本，然后你就可以看到他这个下载速度非常快。 下载下来之后打开点击，我同意，然后勾选这个全部，然后再下一步，下一步安装，安装好后直接完成运行就可以。刚进 来的时候很多同学说全是英文，看不懂，其实你只要稍微等三秒钟，右下角就会出现这个安装语言包提示，并显示语言更改为中文简体，你点安装并重启就可以了，重启之后看到已经是中文。 另外在这边点击插件市场也可以看到这个中文插件，我们先卸载掉，假如说你没有看到右下角那个提示，那么你可以来这边插件市场，然后搜索 chinese 中文，然后点击安装，重启一下就可以看到中文了。 visco 的左边依然是文件夹栏，我们点打开文件夹，可以选择桌面文件夹，当然你们也可以选择其他文件夹。我这边为了显示方便，就用桌面点开后 勾选这个信任，这个暂时不用管，也不用理解，勾选就行。可以看到左边已经是打开了桌面文件夹，这里面有我们桌面上的所有文件 index 点 s t m， 在这边是我们前面写的那些东西，然后我们再来安装一下插件，让使用更方便， 可以按照我列的这个目录去搜索安装。首先安装 preter 代码美化插件， 这个插件的作用就是会格式化美化你的代码。我们写代码的时候要有空格，要有换行之类的， 我们自己写的时候如果一直按空格按回车太麻烦了，对吧？所以我们要用这个插一键，让他帮我们自动格式化。在文件夹中右键可以配置默认的格式，选择格式化文档。 如果我们用自带的格式化功能，他会格式化成这样子，我觉得这个自带的 htm 格式比较难看，然后用这个 party 插件他就更好看一点。 然后安装一个翻译插件 wsen translate， 这个插件呢是我昨天找到的一个神器，它有一个翻译悬浮功能，也有两个快捷键，我们看一下 就是双击一个单词选中，然后把鼠标移上去，就可以看到上面出现的中文翻译，换一个 单词也出现了翻译宽度，对吧？这个就非常非常方便，大部分的代码其实都非常简单，只不过是我们看不懂英语罢了。所以的话有了这个翻译插件， 我们就可以看懂代码。然后他有两个快捷键，一个是 l 特加 t， 可以自行输入中文，然后翻译成英文，也可以用 l 特加 w 把选中的单词翻译成中文。 还有一个比较常用的功能是搜索跳转，这个功能是什么呢？就是我们碰上一些东西不会的时候就要去搜索，对吧？但是每次复制粘贴太麻烦了。 这个插件安装之后就可以一键跳转到搜索，我们这里安装，然后回到页面，选择一个单词，右键可以看到它上面有个 sexy online， 就是在线搜索的意思，默认是用谷歌搜索，但是谷歌大部分人上不去，所以要选这个 switch 换到这个病，推荐大家以后用病搜索，然后就可以看到直接跳转到搜索页面，不用复制粘贴，非常方便。 还有一个传斯类唐恩赖自动打开翻译网站也是比较方便， 但是我们有了那个悬浮翻译就不怎么会用这个，我们因为刚安装他这个插件有点问题，需要重启一下，按 f 一输入 restart， 选择插件速度重启可以重启， 然后点这个设置小图标就可以打开这个插件的设置。我们这边把他的默认翻译情改成 并。然后还有一个配置是显示在状态栏，勾选后翻译会在最底下的状态栏显示，比如说我们现在双击单词之后，可以看到右下角出现了翻译，这个也是比较方便，但是有点乱糟糟的，所以我还是把它去掉。有需要的同学可以打开， 所有插件的自定义设置都是这样的，点那个设置小图标，然后还有一个来 preview， 就是我们前面语文环境刚刚使用过的，在本地更好用。 搜索之后安装插件，它相当于给本地起一个网站服务器。以前我们打开网页，其实不是服务器打开，是用文件系统打开，然后这个打开之后可以看到是用使用服务器去打开 这里幺二七点零点，零点一是我们本地网络的 ip 地址，然后这个网站服务器在三千端口上，端口呢？还是那句话，就是相当于小区的门，所有流量都要从不同的门里进来，出去 有八零端口，有四四三端口，有六千端口，有五千端口，有三千端口，这样都可以。 然后再安装一个 vs code icons 插件，这个东西就是美化我们的文件的小图标，可以看到我们这边的小图标就变成了这样美化的啊，但是我觉得其实也没有，所以我就卸载了，你们需要的可以自行安装。 除了功能插件，还有一些主题插件，比如我们可以搜索 theme， 会出现主题插件，按 fe 输入主题，可以打开主题的设置，他这边 有很多内置的默认主题，比如说如果你喜欢浅色，那你可以选择浅色，如果你喜欢红色，可以选择红色，但还有很多其他的颜色，你们可以按照自己的个性，自己的喜好去配置，然后搜索出来，有很多主题，你们都可以去查看它，然后安装使用， 比如你看这个 atom 就是这样。 还有 winter is coming， 叮咚将至， 还有这个 material 主题，反正各种各样的漂亮主题，你们喜欢哪一个就用哪一个，这个是看你个人喜好的，随便都可以。 ok， 大概就是这样。然后插件的话，我这 暂时说这几个。再就是一些小配置， 怎么配置呢？就是点文件，点首选项，点设置，然后就会打开这个 vs code 的设置页面，我们先把 auto sale 打开，它会自动保存，当我们写完代码后，让它自动保存，就不用按 ctrl 加 s 了。下面是 fun size 字体设置大小， 可以看到这边显示字体会变大，这个就看你自己的喜好设置了。 还有一个是 for my town see you， 公选之后，保存文件的同时会自动格式化代码，你按保存它就会自动美化你的代码，不用你每次都右键去 点击格式化，很方便。 由我们这边来试一下。先写一个 d 五标签，可以看到 ctrl s 保存后，他会直接换行，而不用我们去敲回车。 然后再写一个 p 表现，他和前面一样， ctrl 加 s 保存后他会自动换行，不用我们再按回车，这样你就很方便。 然后再设置一下默认的格式化插件，我们选择 preteer 就行， 然后再设置一个林可以迪厅勾选 之后他会有什么效果呢？比如我们写的这个 p 标签，他前后两个开始和结尾，有时候我们写完前面的标签就忘了改，后面会出错，有这个之后我们改前面，他就会自动把后面的标签也改掉，这个写 html 的时候非常方便。 还有一个问题就是新版的 vs code 会对容易造成误会的标点符号进行提醒，比如说我们中文的分号和逗号等。 出现这个黄色的小框，如果你想去掉它，那么鼠标移动到上面，然后点调整禁运就行。 好，说完了 vs code， 再说一下安装这个 no 的 gs， 它是运行加挖 scrap 的后端框架，我们 进来这个链接之后，可以根据你的电脑选择不同的安装包，我这边就选择我的电脑是六十四位，然后点击打开，哦对，我这边因为原先已经有，所以的话这边是不男装更低版本， 我们也可以去 no 的 gs 官网去下载，这边搜索 no 的 gs 就会有这个官网，这边可以下载两个版本，我推荐你们下载那个 lts 的小版本，因为像这个最新的，他有时候会有一些不稳定的情况。 然后我们这边下载下来之后，点击我接受，再一直点 next 就可以一路下一步，然后点 install 就行，我这边就取消了，因为我有你。安装好后记得重启一下电脑，然后再安装这个 gate。 get 的话是版本管理系统，我们以后写代码需要版本管理是需要安装这个的。好，进来之后还是按照你的电脑是三十二位还是六十四位去安装一下，如果你实在不知道是什么，那你就安装三十二位也是可以的， 因为六十四他可以兼容。算上好像下载太慢了，我就不下载了，你们慢慢等。重启完之后回来这边点击新建终端，可以打开这个中端框，然后输入 no 的杠 v， 他会出现一个版本号，就是说明 no 的 gs 下好了。 其实云环境那边的配置和本地差不多，云环境基本上都是基于 vs 扣的做的，我们来这里搜索 party 插件，然后点击安装。这边的话安装会慢一点，但有些插件不兼容，比如说这个翻译插件在云环境就没有， 可以找个别的反应插件，比如这个也不影响使用。如果你电脑不行，或者说不想安装或者安装出错，一律建议使用零环境，哪怕他有些插件不能用，但足够你个人使用了，稍微有一点不方便而已。 我再来讲一下 vs 扣的的文件系统，左边这里相当于一个文件夹，我们这边创建一个文件之后，可以看到桌面上也自动会出现文件，大家懂了没？然后我们在编辑器中把这个文件内容改变之后， 回到桌面用记事本打开那个文件，可以看到他会出现一样的代码，就是说你在这边所做的所有修改都是会同步到我们这个文件夹里面的啊，相当于高级的记事本嘛。 我们也可以创建一个文件夹，同时看到桌面上也出现了文件夹，还可以拖动把原先的这个文件移动到文件夹里面，所以有这个文件系统后，我们就不用再切过来切过去设置各种文件了。 另外再创建一个 a 点 txt， 说明他不仅仅可以编辑 stm 文件，其他的所有格式文件都可以编辑，我们用文件管理器打开后也可以看到出现了， 然后我们在文件管理器上新建文件，可以看到 vs code 中也会同步显示新建的文件。 还有一个就是切换文件夹功能，比如说我们现在不想用这个文件夹的文件了，我们就选择另一个文件夹，这边我打开一个新的文件夹，就会出现新的目录，这个就是我们前面放图片的那个文件夹，然后也可以回到这个桌面。 另外还可以新建窗口打开第二个 vs code， 在这个多项目写的时候会比较常见，有不同的 vs code 窗口写不同的项目，同时在他们之间来回切换。 也可以在一个窗口中打开两个工作区，一个工作区其实就可以理解为一个文件夹， 可以看到这边的工作区里面同时出现的桌面文件夹和那个视力文件夹，两个都可以同时使用，就可以把第二个窗口给关掉了，这样的话在一些情况下比较方便。我们也可以把这个文件夹从工作区删掉，不是实际删除 好，删掉之后再打开装备文件夹回来，然后点一下文件，打开编辑器。我们现在来说一下几个常用的快捷键， 平常写代码的时候会比较常用，首先是 ctrl 加 d 会选 选择下一个相同的字符，就是当你选择一个单词之后，按一下 ctrl 加 d， 他会同时选择下一个，然后一直按会一直选，比如说我们这里按了三下就会选择四个相同的 p 标签，我们改他的话会同时改四个地方，这样的话非常的方便。 再就是按住 alt， 再按一下鼠标左键就会添加一个光标，也可以添加多个，多个光标同时添加之后我们输入文字，他会同时改变多个地方，这个功能也是非常方便。 ctrl 加 s 保存之后， ctrl 加 z 是撤销。然后还有一个是复制一行，我们可以用 alt 加 shift 加上下 下键就可以快速的把一行代码复制到上面，或者是复制到下面，我们用 ctrl 加 c 复制，还要回车之后调整位置，在 ctrl 加为粘贴，这样比较麻烦，但是我们有了这个快捷键之后，按一下就会复制一行，比较方便。 接着是查找 ctrl 加 f， 当你一个文件中的内容比较多的时候，我们想找一个字符找不到，就会用这个 ctrl 加 f 查找， 然后输入字符就可以拉开这个小箭头是替换，我们可以把查找到的东西按一下替换，替换掉我们需要替代的字符，然后右边是全部替换， 左边是单独替换，意思也就是字面意思点一下单独替换，可以替换一个单词，点一下替换，全部可以全部替换。 再然后是全局搜索，点左边这个搜索图标就可以搜索我们打开的工作区里面的所有文件的字符。比如说我们现在有两个 html 文件，输入搜索 html 的时候可以搜索到这两个文件家中的字符，我们点开之后可以看到一个是在 index 里面，一个是在 hi 里面， 这个全局搜索比较适合在多个文件中搜索东西。然后说完这个之后，我们再来看一下布局。 vs q 的很方便的一个功能就是可以分开创客， 比如说把一个文件放在两个窗口，这样的话适合在同一个文件的同时查看，两个部分 也可以适用于多个文件的同时使用。比如说我们这里先演示把上面这个抬头复制一下，然后在最下面粘贴进来，或者在右边的话中间也粘贴一下，可以看到 可以同时看到上中下三个部位，写的时候就很方便。你也可以用这边的布置设置，把它设置成两栏四栏，然后可以看到有四个部分都可以同时编辑， 然后外观这边还有很多东西，他们有不同的作用，你用的时候可以自行尝试，当然也可以不动，我的建议是不要动，前期的话不要折腾这些东西，因为他默认的就很好了，我们只需要知道怎么把他这个窗口 拆分什么的就行，然后选择这边还有一些常用的快捷键的按钮，也可以用这边的鼠标点击使用， 再回到这边首选项有个键盘快捷方式，这个页面里面就是所有的快捷键，你们以后如果想要什么快捷键都可以在这边搜索到查看到，也可以去修改，双击他的这个键绑定，然后输入你想绑定的快捷键就可以。 然后如果你不想改或者是冲突了，就可以再去把右键重置，按键绑定会恢复到原来的状态。这个的话先不用看，我只是说一下，哦对，还有一个帮助，比如说你们不会的时候可以点这个帮助开始，然后 在这边有他的一个小教程，也可以看一下他这个小教程，教你们学会更好的使用 vs 酷的。再接着我们按 f 一打开这个设置选项，我们可以看到有不同的设置，这里面有非常多的设置，直接输入功能的字符就可以搜索。 我们这边打开 live preview， 可以看到是乱码，因为我们这个文件夹是中文的，他这个插件不识别中文，所以我们以后写文件夹写文件名尽量要使用英文，因为中文在这方面确实支持不好，我们改成英文之后他就可以正常显示了。 最后我们把这些不用的可以删除掉，右键删除到回收站就行。好，那么本期到这里，本期的作业就是配置好你的环境，然后好好练一练所有的快捷键使用之类的东西。 下期我再补充一个用四 ss 写真实项目的案例，帮大家解决 css 的疑惑，拜拜。

哈喽，大家好啊，我是陈同学，学 python， 今天我们继续来制作这个，呃，数据格式化。好，我们还是一样的打开 vs code。 好， 我们今天来制作数据格式化啊，我们还是一样的先打开我们的一个我们的一个项目哈， ok， 在 这里啊，我们打开了，今天，我呢，我们就是来校正绘图。好， 好，可以看出来啊，我们现在的呢，这个钟点指出了四点零的平方为二十五，看一下，二十五，在这 四的平方为二十五，为什么呢？哎，四的平方不是十六吗？对不对？哎，这就是一个问题哈，好，那我们就是为了改正这个问题呢，那我们就今天啊，来给他搞一个事。 好，我们这个 squares 呢，我们先不动它，我们在它上面再来加一个 input values。 input values 等于什么？等于这个竖列哈，好，一个方括号，然后来写上我们的数值。 好，这是我们的一个数值，那么我们啊，写完了这个数数值了，对不对？我们把这个四十九给它去了哈， 对应的吗？好吧，我们把这个四十六给去了，接下来呢，我们这个 fix， 这，这里不动，但是我们在这个 x 啊，这里要动一下哈，这个 squares 我 们要放到第二位前面，我们加上 input， 然后一个 values 回车。 ok， 这是我们需要放下去的啊，这个 land with 就是 没需要改的了。好，那我们来运行一下下试试。 好，你看啊，现在呢，这个四呢，就是正确的指向了这个十五上面一点点啊，这是一个比较正常的一个，对不对？好，那么今天的视频到此为止，感谢大家的观看，再见。

下班了啊，今天是开工的第一天，不聊抽象的了啊，给大家分享一个每个人都能马上用起来的实用小技巧，用热门的 skills， 让 ai 自动帮你扫描过去二十四小时的行业热点，生成一份带链接的可识化网页报告。 我看过不少类似的视频教程啊，要么就是要翻墙，要么就是要付费，或者自己去找大墨镜 a p i 还得折腾配置，有的功能还有限制，我这个方法呢，免费版就够了，还能切换各种模型。当然，想做更多复杂的事呢，还是需要付费的啊。怎么做呢？第一步呢，先下载 code buddy， 我 公众号里有下载地址和基本的设置指导啊，我也会放在评论区里，很简单啊。当然，其实各家的 ai 编程工具都差不多， 这个不用科学上网，随便选个什么模型，一句话，让它安装 skills creator。 第二步呢，跟 code buddy 说一句话，帮我制作一个 skills， 可以 扫描国内权威媒体和社交平台过去二十四小时内科技领域的热点事件， 并生成一份带链接的网页报告啊。就这一句话， ai 会自动帮你创建出一整套技能包，搜索策略啊，筛选规则啊，时效性检验。 呃，报告、排版模板啊，全都自动生成，你不需要写任何配置文件，不需要懂任何技术细节啊，在 skill 面板里会会出现一个啊， tech news daily 技能啊，当然不一定是这个名字了。 第三步，说今日科技资讯，哎呀，就会自动调用之前生成的 skill， 开始干活了。先确定当前精确日期，然后分三轮搜中文热点扫描，英文权威研扫描， 聚焦深挖搜完竹条，验证是不是二十四小时内的新闻，过滤掉旧文，按重要性排序，最后套上模板，生成可识化报告，每条都有摘药标签，核心看点还有原文链接，可以直接点进去。第四步呢，打开报告看， 就这么简单，从我想要一个功能到功能跑起来出结果啊，全程几分钟，不用一行代码。 skills 为什么值得体验呢？因为它展示了一种新的 ai 使用方式。以前你用 ai 呢，每次都要重新跟他说一遍需求，写一大段提示词。现在你让 ai 自己把流程打包成一个 skill， 然后一句话就能触发一次生成，反复使用 同样的思路呢，你可以做竞品监控啊，每天自动扫描竞争对手的最新动态，可以做论文追踪啊，每天扫你关心的行业政策的变化。 任何定期搜索、筛选、整理、输出的事呢，都可以一句话变成一个 skill。 这件事的价值不在于少了多少时间啊，虽然的确少了啊，更在于它改变了你获取信息的方式。以前是你主动找信息，打开十几个网站，刷几个群，发一堆公众号，现在是信息来找你， 省时间，有掌控感。 osropics 最近关于 ai 智能体实际使用情况的大规模研究报告指出呢， ai 智能体近半数使用量集中在软件工程， 其余十六个垂直行业各占不到百分之九。 ai 已经具备连续工作五小时的能力，在用户目前最多只让他跑四十二分钟。而 skills 呢，是智能体行业应用目前最重要的方式， 今年会在各个领域全面应用，如果你还没有用过呢？强烈建议用十分钟零成本体验一次我这个小案例。还有什么你想用 skills 做的事呢？可以在评论区聊聊。感谢关注未来博士，我们一起用跨界的视角看懂未来的方向。

如果你在用 cloud code， 而且经常在写自动化流程、 agent 逻辑，或者是各种 skill， 那 这开源项目值得你关注一下。这是一个专门为 cloud code 打造的可式化工作流编辑器。 cloud code workflow studio， 它最大特点就是不用再手写一大堆复杂代码，也不用折腾配置文件。你可以像画流程图一样，通过拖拽节点来设计自动化任务 skills， 这是复杂的 agent 逻辑，而且它还支持 ai 对 话工作流，很多时候一句话就能把流程打起来， 在扩展能力上也挺强。支持 m c p， 可以 直接对外调用工具，也支持你之前写好的 skills， 像搭积木一样拼流程。如果你是 cloud code 的 中毒用户，可以去试试这项目，体验真的很不一样。

今天给大家分享三个我常用的 skill 网站，再推荐一个找到 skills 的 skill 和一个产品经理必备的 skill， 帮助大家找到好用的技能。第一个网站就是 skills mp， 这个网站目前收入了三十五万个技能，含盖的类型有 工具类的、开发类的、商业类的，数据与 ai 的。 基本上你想要的 scale 在 这里都能找到，它的使用方法也很简单，比如我找到了一个数据分析的 scales， 它可以在 melons 中直接运行，你也可以直接复制，然后在你的任何 id 工具里面去运行或者下载下来进行安装。 我刚刚在 melons 里面添加了数据分析的这个 scale， melons 给它安装好了之后，还做了三个详细的案例，包括电商销售数据的搜索分析，用户行为数据的分析和格式化。 这个网站的好处一个是它 scale 的 内容比较多，第二个它和 melons 直接打通了，你在这边可以直接运行啊。第二个网站，这个网站里面目前只收入了四百个 cloud scales， 我 称之为是精选路线的 scale， 而且它不仅包含这些基础的 scale， 它还有一个博克，包含最新的资讯 和 scale 的 教程和见解。在这里面你可以学到如何用 scales 进行开发和构建一个好的 scale， 而且这里面的 scale 也都是质量比较高的，经过验证的 scale 你 可以放心去使用。使用方法也很简单，你可以点开查看详情，在这里直接复制，在你的 id 里面去直接运行，或者是 下载下来进行安装再使用。第三个是 scales s h， 这不仅是一个 scale 市场，而且是一个 scales 的 排行榜，它的排行榜是二十四小时的实时更新的，每天都会根据下载量去排列它的 scales。 然后我在这个网站也找到了两个我经常用的 scales， 一个是找到 scale 的 scale， 比如我们想实现一些技能，但不知道如何找到这样的 skill 的 时候，我们就需要一个 find skill 的 skill， 它目前为止也是这个排行榜里面一名列第一名的 skill。 我 们点击这个 find skill， 然后复制好了之后把它呃放到我们的 ide 工具里面安装，安装好了之后我就直接问他， 我想了解如何做好 seo， 帮我推荐一个 skill， 并且罗列出它的安装量，作者和这些 skill 的 特点和命令， 会根据这些内容再去进行筛选。第二个我经常用到的 skill 就是 product build 的 skill， 你 可以理解成它是一个帮你不断的挖掘需求，然后再进行追问的适合 ai 产品经理构思产品的一个 skill。 总之，这个网站能够让你快速的掌握当下最流行的 skill 的 技能。好了，今天分享就到这里，如果你想要了解更多的 ai 实战技能，欢迎关注我。

大家好，我是郭克，很高兴的再次遇到大家。我们今天继续我们的 code scale 从零到一实战教程，今天讲的案例叫表格数据格式化仪表盘。 呃，简单介绍，我们是 code scale 免费教程，估计会有一百期。呃，希望你能关注我。好的，我们本次教程的话呢，有两个部分，第一部分是告诉你这个技能怎么用，第二部分是告诉你这个技能怎么做好。先来看一下怎么用，用的话有两种方式， 首先第一种的话呢是 coz 一 点四 n 进入扣子，在扣子这边有一个技能商店，在里面去搜仪表盘就能够搜到我这个表格，可是把仪表盘打开安装就可以使用了，然后记得给我个好评啊，如果你觉得好用的话，然后我们来看其中的 呃几个案例吧，一个案例看一个案例，然后我带着你来执行一下。好，执行的话，就是如果说你在商店里面安装好之后呢，一般来说直接使用也行，或者说去对话里面，我一般是在对话里来用直接输艾特找到这个技能。 然后呢这也可以传附件，或者说你可以把你收藏夹里的一些东西，比如说我有一个店铺表，我是之前做的，我就可以让他来分析，你直接输入一个盘也行，或者说你想要分析的东西，比如说，呃，重点帮我分析啊，访客数与啊销售额 的变化规律啊，大概这样写的啊，或者你直接输数据分析仪表盘开始都可以的，就是说呃，有一些你说你输的，输的会呃多一些，他会按照你的思路来啊，看按一下啊，这个他进行分一个洞察， 然后洞察完之后就开始基于技能，然后呃进行一个说明，然后开始进行一个读取的，估计会在啊半分钟吧，然后这半分钟的话呢，就是我们可以来讲一下第二种方式，第二种方式的话就是你找到我， 我把这个知识库发给你啊，在知识库里面就啊可以直接下载啊，是那个会员的一个 skill， 你 可以入会员或者是用积分来购买，都可以啊。然后买，买完之后，呃，这边是可以在 code 编程这边有一个新建技能， 这边上传啊，安装好啊，部署好就可以用的啊，这个是怎么来去用，然后我们这个案例应该可以的，我们来看一下。 好，他分析有个分析结果一个交付，那我们来看一下啊，客户分析报告，一个 atm， 一个 h t m l 啊，执行编执行的这个摘药，你看 主要关注访客数呈上升的趋势，然后变化幅度是多少，然后关键指标访客数啊，有个平均值，还有数据行数，还有数据值的最大值，访客数最大值，还有个趋势，有个访客分析 好，有一个智能洞察好，大概是这样的啊，就是没有去做更多的这个调教，就是如果说你们拿到技能之后，你们可以针对于自己的这个，呃，就是表格逻辑，可以给他提出更多的一个要求啊， 然后我们看完怎么来用之后告诉大家怎么做，怎么做的话，第一个方式刚才也说了，其实就是你可以去拿到，然后安装就可以了。第二种方式的话你可以自己去啊写出这样的一个一个 style 来，怎么写呢？就是我们来打开这个 scale， 打开这个，打开这个 scale， 然后，哎啊，在这里，然后我们看一下 scale 点， md， 就是 这个是主要的技能，我们来看它是怎么写的，你再用，你可以用自然语言来来去写一步去完善就可以了。好，它的名字叫数据分析仪表盘生成器，目标不用看， 然后步骤、标准、流程分两分，分成两步生成报告，第一个读取数据，第二个生成 html 的 报告。好，第三个查看报告，就是在浏览器中查看。 嗯，大概是这样的，然后分成两种，因为因为一键生成是我，是我让他他刚开始生成的，后来我觉得一键生成不太满意，他分析的不到位，我又让他去去增加了一个，这个就是智能生成，智能生成两种方式啊， 然后呢，就是你，就是你在如果用自然语言再去对话的过程中，肯定是需要去不断去调整的啊，像这脚本是我后面去加的，然后也要参考也是后面加的，那可以大致来看一下，我都是让他怎么调整的啊，你看处理表格的时候，我发现一些报错，我让他去改，然后呢？再往下就是， 嗯，我让我发现一些问题，让他去改的，就是估计来回拉锯站改了五六次，十次，反正就是其实这个东西，这东西也挺好玩的啊，就是你在改的过程中你会发现 你会发现一些自己的需求啊，他也会，他也会告诉你一些知识，你就来回的去改就行，当然你改的过程中需要去消耗一些积分啊啊，但是还好还能接受，因为像现在来说啊，扣子每天也送啊。这个是是这方面啊，因为你看我让他做了一些优化啊，做一些优化 大概就这样不给大家看完了。就是。呃，这个是这种方式啊，你可以用自然语言去去写，第二个的话你可以直接拿到我这个技能去安装，这是两种方式。 好，这个就是我们今天这个这个教程啊，就是最后就是记得一定要找到我，找到我第一个把吃货发给你，第二个的话我这边有 ai 相关的这个沟通群，我们来一块啊，沟通成长。好的，明天见。

一群的龙虾在这里干活，你看拿个麦指挥一下，把那个视频处理成音频，然后录到知识库， 哎，哈哈，这个就是很多个不同角色的啊，干不同活的员工啊，这个员工创建好了，这就是创建他的员工啊，哎，他的一个状态，再给你看一下这个行不行？ 这是一个视频，这个是这个是那个国外的，然后再给你看一下，他是这样子的，我以为还有一个视频没有，那这些就他的技能 他有，比如说他他可以处理 pdf 文档，然后就给他加一个这个功能，他就可以处理 pdf 文档，他要这个视频转录音，加一个这个技能，他就可以干这个活啊， 然后他就可以做成一堆的这个能不能搞一个这种龙虾的视频，然后然后你看这个是这个是我们的龙虾，嗯，然后还有蒜粒，嗯，在本地的蒜粒，然后有了这些之后你就可以可以拿一个这个这个麦，你看拿着一个麦号令三军了，号令这一堆的龙虾 能不能搞一个？然后然后国内有一个，国内有一个这个啊？国内有一个做这个 ai 的 还可以的，美业的是比较靠谱的啊，然后他有很多的这个 ai 智能体，然后也是做思域的啊， 他就包括一些店长智能体啊，然后小馆智能体啊，啊，然后国外的话是这个比较偏概念性的，就是你像这种的话就比较偏概念性的，然后你像我们的话，我们自己玩的话，可以去在电脑上去搞一个这种龙虾啊，试玩。

hello， 大家好，我是潜水小高，今天刚好 codex 五点四更新了，刚好下班之后我还剩一千多个 talkin， 嗯，想着给大家录一期我在我 iq 中如何去改写潜水代码的，让 codex 五点四， 然后这是我一个简单一个简单一个代码，然后咱来这边看一下我给 codex 五点四出来是什么功能，让他帮我实现什么效果。 就是我现在代码已经实现了普通的 f o c 去控制电机，就是控制双电机，然后我的代码是先通过 adc 中断采集电压，然后去计算电流，这个方法我已经我实现了，然后去通过串口控制双电音的速度环或者位置环。 嗯，现在呢，我想给我系统加上 f i t s 不 使用 q 慢的生成的，因为这个生成的话就是版本比较老，而且很多东西都不支持。 我给他提供了一个 github 链接，让他去帮我，一直让他并且把所有的任务都进行划分，然后保证没有错误， 然后发布任务之后呢，他先简单去看了一下我的工程结构那个以及那个中断链路，还有 f o c 的 入口，然后他看完这些之后呢，他开始往下一步步的去做做这之后他就直接去拿取了官方的 f r t s 的 一些代码， 然后他然后拉取完之后呢，他要开始去配置 firs 的 一些那个任务层啊，然后再把终端入口切到内核啊等等等，他开始改改代码，改改改很多。然后呢，由于我本地是那个 j b k 编码模式，他为了保留这种编码，编码模式呢，他就是直接用那个 power shell 去改写的一些东西， 然后他后来在那个那个把任务把代码改完之后呢，他在那个 q 里边就加上了些文件组，包括这个包，路径等等等。 然后他又在那我本地进行了一些编辑验证，做一些语法检查，把明显错误先清掉， 然后最后他遇见一个，遇到一个问题帮我改了，直接帮我改了，然后他编辑了之后，然后发现一个小小的问题，不清零的话，什么等等的，他又帮我把这个改了，涉尾阶段他要保证，保证做了什么事情，那咱可以，他大概这段时间用的是二十二分钟十八秒， 然后它完成的事情呢，就是把官方的 fratts 移入了工程，然后增加了 fratts 配置什么任务接口，把调度器那个 svc 碰 svc cct 点 c 接到了 fratts， 还什么等等等，这这条嘛是吧？然后进行任务划分，什么串口解解包嘛？就是那个怎么去控制它？什么电机位置环呢？位置环那个速度环怎么控制？ 包括按键那些功能，什么高频 foc 电流音保什么等等，这串口指令如何去用它？用什么串口可以控制它？串口指令控制它，包括包括路径啊等，也帮我配齐了，然后他去用我本地东西去验证这个代码写的成功不成功， 然后这是最后也帮我检验过了，检查过了，最后他还给我提个小建议，下一边可以去做这什么什么规范，对吧？然后咱们去检查看一下，他帮我改改小代码， 这个是这个捆紧考呢，是我之前那个自己那个用 q 按重新生成代码时候自动加载的捆紧考，咱可以去看下其他代码。看其他代码，对吧？他这边还是 jpk 那 个编码模式，他没有去帮我改成乱码的，对吧？ 这是检查代码，这是他帮我改的那个新增的 freex 点 c 这个文件在这里边放着任务，什么都帮我规划好， 他大概用的是二十二分钟，事情完成了我大概一周的工作量吧，或者说那个三到四天的工作量， 然后这个配额呢？配额呢？也剩了是四十八个，基本上不能做什么事情了，今天就到此结束，对吧？

好，推荐几个好用的 vs code 插件啊。呃，我的插件倒是不多，不过呢，我经常用的这几个插件，给大家推荐一下啊。一个是这个 any rule， 这个玩意是干嘛的呢？它是用来帮你写正则的，安装好了过后呢，你可以打开命令，行啊，就是写 上一个前缀 z z 表正则啊，你看这里边有各种各样的正则表拉式啊，你可以直接选择它，就可以把正则给你贴到你的代码里边去。呃，然后下一个是这个 call runner， 这个插件用来干嘛的呢？它可以直接在 node 里边去执行你的代码啊，比方说我们这里呢，随便写一个 gs 代码，打印一个一二三吧。啊，我就不用到浏览器里面去运行了啊，直接用一个快捷键运行，你看它直接给运行出来了啊，这也是很多同学在问的。 然后下一个是这个 joeio 啊，这是一个集成到 vs code 里边的一个画图工具，它其实它本身是一个软件啊，它也是有这个 vs code 的 插件。安装好了之后呢，你可以在工程里边去新建一个图片啊，后缀名呢，为 d i o。 那 么进去过后呢，它就是一个绘图面板，你可以在这里边去绘图啊，去做任何想要的图形都是可以的啊，连接啊，这么一个绘图工具啊，很多朋友问我这个 ai 工具，提示它现在用的是啥？用的是这个啊， github， 不 过呢，这个东西呢是付费的啊， 然后还有啥呢？然后这个啊， project manager。 这个插件用来干嘛的呢？它是会在左边栏里边会多一个区域啊，会多一个按钮，通过这个按钮呢，你可以管理一些你常用的一些目录，可以在这里直接通过快捷方式直接可以访问的啊，可以打开你的工程，也是比较方便的。 然后还有啥呢？这个 register privu， 这个用来干嘛的呢？它是用来检查你写的正则正不正确的啊，比方说我们在 g s 里面去随便写个正则吧。呃，杠 d 加 好，你看它上面会出现一个按钮啊， test request 点击过后呢，那么右边栏啊，它会多出一个面板，你可以在这里边写些文字来进行测试啊，如果说测试通过了过后呢，它会有高量显示啊，然后下一个插件是这个 remote repository， 这个玩意出来干嘛的呢？这个玩意它是可以帮助你 查看远程工程的，比方说有些工程是在 github 上面，比方说一开源项目对吧？你想阅读一下它的源代码，你每次要怎么做的？你先把它拉下来，然后呢再打开，对吧？很麻烦。其实呢，我们可以安装这个插件过后啊，你看左边栏呢，它会出现这么一个按钮， 然后呢进这个按钮过后呢，你可以收藏一些你常用的或者是你比较喜欢的一些开源库，然后直接点击进去就可以打开它的源代码了啊，比方说这个 vivo 啊，这 vivo 三的源代码进去， 那么这个时候呢，它就会帮你拿取远程的仓库，然后在这里面就可以直接的去看到它的源代码了啊，非常的方便。然后其他的，其他的还有啥呢？其他的也没啥了是吧？好，就推荐这么几个啊。

好了，那从现在开始的话，我们正式进入旧一班的课程哎，在基础班我们学 htmlcr 三四的时候，我们用的开发工具是撒布拉姆，同学们也会发现它是一个非常轻量级，非常好用的软件。 那到了就业班的时候呢，我在这里面呢拼课老师再给大家介绍一款新的哎编辑器哎，就是我们的大码开发软件，叫做 vs code， 那之所以多交给同学们两种编辑器啊，是因为同学们如果毕业以后进入了我们的公司，那公司里面原来有的是用撒布拉姆，有的是用 vs code 的，有的是用 vip， stomp 等等的各种软件，各不相同， 在这里面呢，再给大家介绍另外一种，那这样同学们掌握的更多，以后进入工作开发的时候呢，可以立即使用就行了啊。那但是呢，整体来说，这 vs code 和撒布拉姆有很多的相似点，大同小异 啊。好，那么我们给同学们来介绍一下我们的 vs 扣的这个软件，那我们在这里面呢，主要讲解这么几个知识点，第一，那么我们讲解一下那么什么是 vs 扣的以及它的一些哎，由来， 再来一个呢，给大家介绍一下我们 vs code 呢这个软件怎么安装，那么安装完之后呢，我们看 vs code 怎么去使用，那最后呢，我们来看一下 vs code 的插件是怎么来进行安装的。哎，这是我们接下来学习的四个内容， 那修完之后呢，同学们能够掌握啊，第一，能够自己安装啊 vs code， 把 vs code 装到你自己的电脑上去好。第二个呢，能熟练的使用一下我们的 vs code 这个软件 好，第三个呢，哎，学会给我们 vs 扣子安装一些我们最为常用的插件，那后面的还肯定呢，有许许多多插件，我们边学边用好了，这是我们的教学目标哎，还有我们学 内容，那秀完之后呢，我们接着来看一下我们的 vs code， 简单给大家做一个介绍。好，这是我们的 vs code， 简称 vsc。 那么这个 vs code 呢，是我们微软公司推出的一款免费开元的轻量级的代码编辑器， 他里面呢，有许许多多的啊，比如说他几乎支持所有主流的开发语言啊，什么 jm 呀， pgp 呀，咱们的 gs， 他全新通通能够支持的啊，是非常好。 那需要同学们注意的是，谁推出的？是微软公司推出的啊，那到底他有什么亮点呢？哎，在这里面呢，皮克老师既然给你们推荐，肯定有推荐的理由啊，第一个，他比撒布拉姆要开远， 因为他嘛，这是一个开源的啊，因为竟然免费开源的。第二个呢，他比 websterm 更轻，一会安装你就知道了。这个 vs code 呢，大概呢，只有四五十兆，非常小啊，非常小 一个软件，那 websdom 上百兆的啊，几百兆，而我们的什么呀，哎， vs code 只有几十兆，所以是非常小的啊，所以打开速度会更快。第二个呢，提示功能很强大哎，我们写的时候，同学们最喜欢的代码提示功能，它比着我们撒布莱姆还要强大， 好自带我们的艾米特语法。那这个呢，我们说过啊，就自动补充嘛，我写个 div， 按下踏步键就可以生成。那我们撒布拉姆为什么哎，可以直接生成呢？因为我们撒布拉姆，我已经预先给同学们装好了插件，同学才这样子，而我们 vs 扣的你下载下来之后呢，不需要装插件，这个软件本身就自带的这些东西的啊， 好了，那再一个呢，有插件的安装非常方便哎，后面呢，我们知道我们有许许多多非常好玩的好用的插件，而你用 sco 的安装非常简单，傻瓜似的你，你学了就可以了啊啊，你学了你就懂了。 然后你要是用撒布拉姆的话，安装还是挺费劲的好，那自带强大的调试功能，你会发现还会有的。再有一个软件是跨平台支持温系统啊，麦克系统，零六个系统，这软件呢，都可以支持的哎，所以说呢，他他软件开发的比较全， 而且呢，我们这个 vs 扣的本身就用 no 的来开发的，咱们后面是不是要学 no 的呀，这个软件呢跟我们前端关系很紧密的，还是推荐大家去学习的啊，当当里面推荐旅游呢，还有若干点，反正我们推荐最大旅游是什么呀？免费开源，这是我们最喜欢的。 好了，那么我们了解了解完了之后啊， vs co 呢，就是微软公司推出的一个免费轻量级的编剧器啊，开发起来呢，它里面有非常多的好用的一些功能，我们一点去研究好了，那介绍完毕之后呢，下一个呢，我们看一下 vs co 的怎么去安装。那首先呢，我们安装的方法呢，是这个样子，那这呢，有个官网的下载地址 是他，那下载完之后呢，我们只需要找到里面的这个叫做什么呀，当劳的就可以了，直接下载，那你要是 windows 系统呢，你就选当劳的 fall windows， 如果你是麦克系统，就选择里面的当劳的 fall mac 就可以了。好了，我们来看一下怎么下载， 大家只需要点击一下我们这一个网址，好集中该我们在浏览器之后呢，进入我们这个下载页面，在下载页面里面有个叫做当烙的包。 windows， 那你我说了，刚才你可以选择你们的 windows 六十四位的啊，苹果系统的呀，或者是其他的， 这里面都没有的话，你可以往下面去滑，下面的里面也有一些我们要的啊，那你温度死的这里面的你是六十四位的还是三十二位的啊？然后呢，你再再下载一些一些其他的系统的，麦克系统的，零六的系统之类的都可以，如果三十二位同学下载三十二位就行了。好了，因为我是六十四位的，所以说我就可以直接点击我们上面这个下载 就行了。好，那么我们点击一下， ok， 那点击完之后呢？现在呢？稍等片刻啊，这是给我们做了一个介绍说明，那你不用关心，你只要看一下这个地方呢，正在有一个下载的过程。好，那下载完之后你会发现，哎， 小不小就只有四十三点一兆呀，非常小哎，所以说呢，它是一个完全清亮剂的啊。好，那下载完毕安装的方法啊，这个点保留一下就 ok 了，安装非常简单，你只要单击一下它就可以了， 点击一下他。好，点击完之后呢，点击运行就 ok 了。那此时安装软件对我们来说完全不陌生， 你用了太多了，安装的画面完全是纯中文版的啊，然后呢，我们点下一步就 ok 了，然后呢我接受协议下一步是吧？然后呢我们默认按照 c 盘就 ok 了，然后点下一步，那么，哎，我们，嗯选择他啊，就先不用多管，再走一个，然后呢，我们 放点桌面快捷方式也可以啊，好，选择，之后呢，我们点击一下下一步，那么安装一下，我们稍等片刻，他很快就能安装完，所以说呢，这个软件的安装还是下一步下一步完成就行了啊。好了，那么慢慢的他正在安装到我们的计算机里面，那么我们呢，安装完毕之后就可以来进行使用了， 那同样道理呢，在这个官网上啊，让他安装一会，在官网上里面有一个叫做道士，就是文档，你可以点开看一看，它里面有一些说明，哎，当然里面纯英文的啊，纯英文的。好了，在这你看不明白也不要紧，因为这个软件你会发现是不是跟我们撒布莱姆是不是极为的相似啊？ ok， 我们关掉。好，那下面马上安装完毕，然后我们启动就可以了，我点击完成，这时候呢已经完全打开了，这时候我们发现，哎，这个 vs code 呀，他的界面和我们前面写的我们的什么呀，撒布拉姆是不是特别的相似啊，你看也是一个黑点吧，哎，是这种 编辑器的啊，所以说我们学习来完全不陌生，那这样的话，我们就把这个软件呢安装到了我们的电脑上去，看，明白吗？这是刚才我们说的安装的方法。 好，那安装完毕之后呢，下面呢，我们给同学来讲一下我们这个软件的使用方法啊，其实呢，你有了撒布拉姆这个基础啊，撒布拉姆怎么使用，它使用起来基本也是一致的。好，我们看一看，它有这么几个强大的功能需要我们学习。第一个呢就是文件目录管理，它有很强的目录管理的功能， 比如说我们写的一个品用购，里面有很多的文件夹，这时候呢，他可以来管理我们这文件目录，是非常方便的，怎么做呢？非常简单，选择 file 里面这个 open photo 就可以了。好，那么就说文件里面打开文件夹，那比如说我们呢， 选择文件菜单， file 菜单啊，里面有个叫做 open farther 这个东西好，选择它之后，哎，那比如说我就以今天的还是案例为主啊，选择桌面上 打着他。哎，我们这是不是一个叫做小案例的东西，我们以这个案例作为我们的跟目录就行了，双击我们的案例，然后选择你们的选择文件夹，那么我们稍等片刻，会发现启动开。哎，这个案例是不是已经有了这个文件夹，那在这个文件夹里面呢，我们就可以来创建我们想要的各种各样的文件了，来看一下它的使用方法啊。 那我们创建完之后呢，里面有这么一个东西，按钮，那其中的第一个按钮，这叫做新建文件，哎，我们可以新建二维码文件呀， cs 文件呀， js 文件都可以用这个按钮来创建。好，还有一个呢，我们可以选择你们的新建文件夹，通过我们这个去创建我们的文件夹就 ok 了。好了，那么我们比如说我们来创建一个来看一下啊。 好，那么在这里面的话，我们选择这个按钮，点击一下，我们选择里面，比如说我们就叫做我们的什么呀？ vs code， 然后呢点 atmr 就行了，还是要写上我们的后缀名 h 码，然后敲回车，这时候呢，会有了我们的 vs co 的，点 h 码就行了。还记不记得在我们撒布拉姆里面怎么使用的？ 哎，我们想称骨架，是不是一个叹号呀？我们这个行不行呢？也可以，那叔按一下胎宝键，他也能生成我们的骨架 好吗？这也是一种骨架格式的啊，所以说呢，这是一种风格， ok， 选择它，那同样道理呢，你看它里面更强的地方在于它已经集成了一些我们的艾米特语法，比如说我写一个 div， 敲一下看不见自动补全，是不是我数第二位乘一个十，看不见也能自动生成？ 其实你会发现这个东西呢，我们的撒布拉姆是安装插件才有的，而我们这个 vs code 是自带的啊，所以开发起来使用还是比较简单的。但是呢，你会发现在我们这个里面的话，新建就是文件，还有个新建文件夹，你比如说我在新建一个什么呀？ c s s 的文件夹 呐，是不是一个 cr 文件夹，我可以在文件夹里面带新建的 cr， 三四就可以了啊，它里面都是可以生成一样的，所以说呢，你看它是文件目录管理还是比较方便呢。 好了，那学会了我们的文件目录之外呢，有个同学还会问，哎，老师，我们看了这个风格呢，是蓝色的字啊，然后还有橙色的，还有这种青色的，哎，我比较习惯我们撒布拉姆那种风格， 这个主题颜色能换吗？那答案肯定是可以的，他是能换的啊，那么想要换的方法呢？非常简单，那就我们选择我们这一个操作方法呢，是我们这个颜色主题给他更换一下 颜色主题呢，需要我们操作方法是在我们设置收选线按钮里面有个卡了， theme 好卡了，这个是不是设置收选线按钮在哪个地方呢？哎，来给我来看一下啊，是在我们左下角中的有这么一个按钮，哎，这个按钮呢，我们称之为设置收选线按钮，那么在设置收选按钮呢，会弹 这个框，来一个叫做卡拉 c 幕就行了，通过他来设置我们的主题颜色好了，那到底是还是不是呢？我们来看一看。打开他之后呢选择这个小按钮呢，说在这个地方呢，点开完之后有个叫卡拉 c 好，点完卡拉 c 幕之后呢，会弹出一个对话框，是这种对话框， 在这个对话框里面他默认的是这种大可，哎，地方的大可是这种风格的，有人说，老师我喜欢我们原来撒不拉姆那种风格，可以设吗？某问题啊，哎，在这个地方，哎，在我们这么一个叫做什么 monk 这个东西好选了他之后呢，我点了他，哎， 怎么样，是不是回到了我们撒布拉姆的风格啊，眨眼看上去还以为又是撒布拉姆呢，其实呢是我们 vs 扣的啊，好，这里面风格有非常多，你可以里面去选择啊，卡拉 see， 然后里面选择它，你比如说我们选拉艾特这个地方的拉，艾特选完它之后是这种白底儿的这种字的啊，看你同学喜欢什么样的风格，那我呢个人呢还 还是比较喜欢用这个啊，这我们的什么呀？摩托卡这个单面的这个东西，然后选择他这是我比较喜欢的那种风格。好了，那这个颜色主题呢？根据你自己的喜好去选择一个就可以了啊， 那么这个选择完毕之后呢？哎，我们刚才说过了，他说的方法是通过什么呀？是通过我们这个啊，打开颜色主题这里面他默认的这个，在这里面你可以任意选一个，你喜欢就行了。哎，那选择哪一个你选择哪一个就可以了，这是我们讲的颜色主题， 那其他的一些操作呢？还有哪几个需要我们注意的啊？那第一个呢就是如果放大和缩小仕途，因为有同学会发现我的电脑如果分辨率比较高，这个字会比较小，能不能放大一下呢？哎，只不过呢他不能像我们卡，呃，撒布莱姆的卡时间滚轮来放大了， 你可以简单一点，可以按住卡车键加上加号键。哎，是不是可以放大一下卡车加减号键是可以缩小的，看到了没有？ 哎，这个样子啊，调到你适当的大小觉得你满意位置，那他快递键什么呀？ ctrl 加加号放大， ctrl 加减号是缩小，还有一个呢，你如果想复制一份，复制一个单码，比如说我这写个 div， 然后写个一二三，你想要复制呢？非常简单，你只要这么做就行了，把光杯定过来， 只要把光杯定到这一行上他就自动选择这一行，你可以去看人家 c 复制这一行，看人家微展厅这一行，看人家微微微微微是不是啊？可以复制很多很多行了啊，不需要点击行后啊，或者是拖拉选中，只需要把光杯定到这一行上，就可以选定这一行了，直接复制和展厅就行了。 好了，那你如果说，比如说这样写了一个 abc 啊，我想把这个 abc 这一行复制一份，你可以复制在下面，也可以复制在上面，他有快捷键。那你可以按住什么呀？ alt shift 加上下箭头，先把光杯定过来啊？ alt shift shift 加上下箭头，哎，它就可以复制一个新的 abc 放到下面。好，如果你把光标定在这啊，好，你看啊，啊，这个呢，我随随便改一改，我把这个啊光标定在 abc 这，我按着 couch out shift 加上双箭头， alt shift 加摄像头走一个，他复制一份新的，是放到了 ab 原来的一行的上面， 这是这几个操作是不是可以一样的啊？好了，你看复制上上复制一行是二十四，加上镜头复制下一行他，哎，你只需要把国门定到某一行，他默认选定全行，可以直接进行复制剪切和粘贴操作就可以了。啊， 那这是他的一些其他的操作，那其余的一些操作呢？和我们撒布拉姆操作基本是一致的，其他的怎么操作，你就按照撒布拉姆撒布拉姆的操作方法去做就好了。好，那好嘞，那我们简单的对我们的 vs code 呢，它的使用呢？做一个总结，看看刚才啊， 我们讲了什么内容啊，记住第一个呢，我们知道 vs code 是哪个公司推出的哎，是微软公司推出的，它是一款非常轻量级的好用的编辑神器。那我们知道 vs code 它本身就才四十多兆，是不是特别小啊，打开速度也非常快的啊。 那再有一个呢，我们前面讲了他有新去做的优点，什么自己继承了艾米特语法呀，哎，然后呢，安装插件非常方便呀，跨平台呀等等之类的，还有很多好的一些优点呢，我们后面边学你就边更了解他了啊。 好，第二个呢，你要求呢？你会呢？是不是能去往官网上去下载这款软件，并把它安装到你自己的电脑上去？这个软件的安装我们讲过了，也非常简单。再有一个呢，我们要学会其中的两个功能啊。第一个呢，是学会我们的目录管理文件的功能，那我们说我们就可以选择 文件菜单里面的，打开就可以了，就是我们说 file 菜单里面的 open folder， 是吧？哎，就可以来打开我们的文件夹了啊，那这个功能还是非常常用的，以前咱们基础班里面学的，我们那个最后的项目的时候，用它来编辑是会非常方便的。 ok， 再一个呢，因为呢，呃，他默认的颜色主题呢，并不和我们以前的一样，那你可以去选择你自己喜欢你中意的那一款哎，颜色主题给大家学会去更改，那非常简单，是不是设置收选项按钮里面有个叫做卡拉儿 theme 就可以了。 最后呢，你能记住几个最常用的快捷方式，比如说我想复制，直接把光杯定过来，直接卡上加 c， 卡上加微就可以复制一行，无需选中。再有一个呢，那我们说了，试图那些放大和缩小是不是卡着加加号可以？放大是图，卡着加减号，放缩小是图就可以了。 那这是我们说了我们刚才讲过的几个哎使用的总结，同学们先把我列的纸条呢来体会完成它。

这期教程我们演示下 vs code 安装汉化和配置 ai 插件，实现自动编程。我们打开 google 浏览器，输入 vs code， 打开 vs code 的 官网， 我们电脑是 windows 的 系统，我们点击下载 windows 版， 我们下载好了安装程序，点击安装， 安装完成，我们等待 vs code 启动。 vs code 启动成功， 我们打开插件库，等插件库加载出来。 插件库加载后，我们来把软件进行汉化，我们在插件库搜索中输入 chinese， 我 们点击安装汉化插件。 安装完成后，我们还需要配置一下，我们使用 ctrl 加 shift 加 p 打开命令面板，在命令面板中输入 configure display language 执行， 然后选择中文简体执行，点击确定软件开始重启。重启成功后，我们看到软件已经是中文版了， 下面我们来配置 ai 开发相关的内容。我们还是切换到插件库这里我们搜索 client， 来找到 client 这个插件， 我们点击安装 client 插件， 安装成功后，在左侧出现了 client 的 图标， 这里我们要选择 ai 的 接入方式， 我选择的是 api key 的 方式接入，这里要选择提供 api 的 提供者，我选择了 deep seek， 这里我们需要获取一个 deep seek 的 key， 我 们进入 deep seek 官网， 点击 api 开放平台，输入我们已经注册的账号密码登录， 因为我们用的是收费版，所以需要充值点费用。 我们点击 api key， 切换到 api key 的 管理页面，点击创建 api key， 输入一个名称， 创建成功后，我们点击复制，我们切换到 vs code 中，把复制的 key 粘贴进去。下面 deepseek， 不 同的版本选择消耗的 token 费用有区别，我们随便选择一个， 这样我们就配置好了 ai 开发的插件和接口， 这里是一些文件权限配置，可以根据需求勾选，下面我们来测试一下，用 ai 分 析一下我们上一个视频编辑的项目，我们还是在工作区打开项目文件夹， 然后切换到 client， 我 们在对话框中输入我们的要求， 这里提示我们没有安装 git， 我 们就忽略这个，这时候 ai 开始工作了， 我们看到工作完成， ai 给我们输出了结果。

我给不懂编程英语的小白老板做了一个适配 openclaw 用的 scale 的 技能的工作流可适化生成器，用对话的方式让 ai 帮你创建 scale 工作流，修改工作流，用通俗易懂的语言描述每一个节点， 可单个卡片测试查看，让 ai 修改器功能，并且支持导入他人的 scale， 生成可适化的工作流卡片。每个卡片都有注视，可以进行二次创作。比如创作一个短视频自媒体自动运营的 scale， 让它每天早上九点起 取运营说明书，同时解决热点跟竞品的分析。写脚本，生成视频，加字幕，某抖某号某音的分别剪辑， 多平台分发，然后会合发布汇总，处理用户的评论，分析用户的数据，生成运营日报，一目了然，没有任何深测难懂的词汇，老板可以轻松上手。晚上直播间会演示老板如何根据自己的工作业务创建自己的 skill 技能。最近开始内测，名额有限，有实际业务的老板优先。