粉丝50获赞584


好,那么这期视频带大家一分钟学会 markdown。 首先介绍一下什么是 markdown, markdown 是 一种轻量级的标记语言,它 比如说在 github 上面就是使使用 markdown 的, 包括比如说我们使用 ai 时候,它生成给我们反馈其实也是使用 markdown, 还在非常多笔记软件里面,包括苹果自带备忘录也是支持 markdown。 嗯,我们使用它的话有一个非常大好处,就是简单方便,能快速做一些笔记,而且它对 latex 也是支持的,能轻松插入一些数学公式。那么话不多说,我们直接开始我推荐的 markdown 的 编辑器是这个 vs code, 然后我们进入 vs code 后,我们右上角直接点这预览的话,我们就能呈现出我们目前这个状况, 然后记住一下它的这个语法。首先一个警号就是一个一级标题,两个警号就是二级标题,三个警号就是三级标题,依次类推,六个警号是六级标题,然后什么都不写就是普通的政文。好,然后三根横线就是这么一根划线, 然后我们可以这里写政文,写 hello world, 然后一对这个新号就是写起, 然后两对信号,这个是加粗,如果你两对信号中再套了一对信号,这就是粗写 t, 然后两对这个波浪号就是删除。 然后我们可以创建列表,列表就是你一个数字加一个点,加一个空格,这就是有序列表。然后你可以通过 type 来形成这个子列表,子子列表可以一直往下这么排序下去,然后如果你没有写数字,直接就是一根短横线加一个空格话就是无序列表。然后你同样通可以通过 tab 来形成子列,子子列表,然后 你可以生成代半框,代半框就是在无需列表基础上,一对方括号当中加有空格,注意前面有个空格,这有个空格,这里是代半框,你可以直接在预览这里修改看你点了这个话,它就有个 x, 你 去掉的话这 x 就 去掉了。 然后一个大于号就是引用要插入代码的话,你可以点三个这个点,然后在后面写出这个代码是什么语言,比如说你这里写 cpp, 它就会插入 cpp, 你 写 latex 就是 latex, 你 写 python, 这里就是 python。 然后最后我们再说一下 latex 的 这个公式输入, latex 公式输入,你只需要搞一对 那个美超符号,一对美超符号把 latex 语言括起来,比如像这里括起来话,你就能插入数学公式,所以说个人感觉这个用来做一些数学笔记是非常方便的,你可以轻松插入这种公式符号之类的, 还是非常方便。然后最后说一下怎么把这个东西导出成 pdf, 在 右侧预览,直接双击,然后显示 export 输出,然后你写选择这个 chrome 浏览器,然后选择这个 pdf 就 可以输出了。那本期视频到此结束,喜欢朋友记得散散指甲,我们下期视频再见,拜拜!

安装 cloud code 并配置豆包模型,即接入 vs code。 首先要安装 node js, 是 一个运行环境, cloud code 需要这个才能运行,我这里的版本太久了。 输入以下指令更新,然后用管理员身份打开 power shell, 输入以下命令安装 cloud code, 我 这里提示 windows power shell 执行策略限制的报错,输入以下指令修复,然后重新输入指令,继续安装。 安装成功后,输入 cloud, 进入 cloud, 如果没安装 git 的 话,这里是会报错的。 可以输入以下指令安装 git, 但这里会遇到一个验证问题,打开用户目录,找到 cloud send 文件,打开文件,添加以下内容,然后再输入 cloud, 然后提示是否在当前目录回车, 然后提示我们登录 cloud 账户。由于怕被封号,我这里选择国产大模型。 这里用到一个工具是 c c switch, 打开 github, 找到 window 版本下载并安装,我这里选择的是三点一二,然后一路默认安装就可以了。 打开 cc switch, 点击右上角的橙色加号,把你的大模型替粘贴进来,然后添加,我这里用的是豆包。 接下来在 vs code 安装 cloud code 插件,在扩展里搜索 cloud code, 然后安装, 安装成功后,右上角有个 cloud code 的 图标,点击打开,我们已经配置好了,这里会自动登录,我们可以测试一下,问它当前是什么模型。 我这里显示的是豆包模型。我这里准备做一个页面, 首先新建一个文件夹,按自己的需求命名, 然后在 vs code 打开这个文件夹,然后输入提示词,帮我做一个页面展示热点新闻, 稍等一会就生成好了。打开文件夹,双击 index 文件就能看到页面,这就是豆包做的页面,效果还不错。 vs code 不 直接内置大模型,而是通过 cloud code 这类插件接入。核心式架构、解偶生态开放、功能聚焦、安全合规四大原因,让编辑器与 ai 能力各司其职,灵活组合。

如何购买可以在 vs code 中使用的 cloud code、 gemini 这些大模型?上一期给大家介绍了如何在 vs code 中使用 clay 来加载 cloud code、 gemini 这些大模型,有些粉丝咨询有哪些靠谱的大模型接口,今天我就用这个视频来给大家介绍一下。 首先我们要做一个风险提示, cloud code 是 美国 isopec 公司的产品,那么这个产品 是对中国大陆地区禁止使用的。根据百分之五十的穿透规则,不仅是中国大陆地区,包括中资公司也全都被禁止使用 cloud 的 产品。呃,不仅包括直接购买的,还包括云中转的也被禁止,所以所有的云中转都有 随时被封号的风险,包括我下面要给你介绍的这些平台用呢,咱们还是得想办法用,毕竟人家的技术实力在那里摆着。提醒大家这么几个原则,第一呢是要少充,够用就行, 随时用,随时充。第二个是如果是学生的话,就暂时不要充了。我已经录了这个 copilot 学生认证的视频,呃,已经成功的通过了人工审核,如果通过了, 我会把学生真正的视频分享给大家,那里面应该也有 cloud code 和 gemini 三的大模型,大家不要着急等我的视频,微软的羊毛吧,咱不薅白不薅。 好,言归正传,咱们下面就回到如何充值这个实操上,我们还是打开 vs code 点, 点击左侧的 client 按钮。第一个给大家介绍的就是 client 的 官方,毕竟咱用 client 的 产品,他把人家放在第一位,介绍我,大家看一下啊,点一下右上角这个 account 按钮,这个就是我的个人中心,这个是我的当前余额,这是 client 赠送了我零点五美金的这个测试积分。下面呢就是我的使用记录,可以看到这里有日期,二六年一月七号十一点十一分上午 使用的模型是 cloudsonnet, 四点五,用了零点零二七六积分,这一点就可以证明 cloud code 的 大模型在 client 里是完全没问题,可以直接使用的。我们点击这个 add credits, 这个就是 client 账户页面,我们在这里看看如何充值,我们可以在这里充个五美元试试。在这里点击 dollar 五,然后 buy 五 credits, 这个呢就是购买积分的页面,我们可以看这个查看详情。这里五个积分的费用是人民币三十六块三毛七,这里是手续费四点三六人民币,合计一共是四十点七三人民币。在这里支付方式,你可以 写上你的邮箱,你的信用卡地址,这个应该是银联的图标,所以估计用国内的银行卡是可以付款的,大家可以试试,我就不付款了。在这里打上你的信用卡信息,年份,月份,还有你的 cvc 编码,在你的银行卡后面都有,然后你的这个 姓名,包括你的地址这些,然后你保存下回就不用再填这个表了,这里也要同意他的这个服务条款,这是付款页面,我不再给大家继续演示了, 我们再来介绍下一个,点击一下这个设置按钮,我们来看它这里推荐的都有哪些。第一个当然是它自己 client, 第二个 叫 open router, 这个也是一个非常重要的中转的服务商,我们现在没有它的 api k, 我 们来点这个 get open router api k 这个按钮,点击之后它就进入 open router 的 主页,我们在这里注册一个,在这里输入邮件,然后输入密码。 同意。好,需要验证我们是否是真人。好,这个提示就是验证邮箱,那我去邮箱看一下, 这个就是验证邮件的按钮,这些是提示,让你购买它的积分,不用管,我们点 create api k 看,有免费的,我们先免费的 create api k, 这里要给这个 k 起一个名字,方便你识别,我们就写 test k, 这里有过期时间,它设置一个小时到一年不等,这个是没有过期时间,永不过期,我们选这个就成。好点 create, 把这个 k 复制下来,一定要把它保存好,放到这里。 好,点击到,把这个关掉,这个 k 我 们就设置完了,你可以在这里可以点击这个积分 create, 点击这个 add create, 然后 update address, 需要一个账单地址, 填完地址之后呢,我们 update address, 然后提示我们 save payment mess。 这个是添加你的银行卡信息,这个是银联的标志, 你把你的支持银联的银行卡或者万事达或者 visa 的 都可以把它填在这里,你就可以使用你的银行卡来进行付款了。好,这是购买积分的流程,我建议大家第一次充值,先充值十美元,因为充值十美元之后,你就可以免费调用它的大模型, 每天都用一千次,这个足够我们用了啊。我们回到 vs code, 学会了如何填写 openroot 的 支付信息,购买了它的积分之后,我们就可以在这里选择这个大模型,这是免费的大模型。我们来看这里,我们要找 cloud, 往下找啊,它是按照时间排序的,这里就是 cloud opus, 四点五,这里就是 cloudsonnet, 四点五,看看需要的模型都在这里,然后是 germany, 上面是二,然后二点五,三,这里就是 germany 三 pro, 也就是说 cloud code 和 gemini 它是都支持的,选好这个模型就可以在 client 中使用了。接下来我们介绍第三个服务商,这个谷歌的 gemini 不 用看,我们访问不了。 openai compatible 上回已经给大家介绍了 astropica, 这个不用想,对大陆封禁。再这个就是亚马逊的 bedrock, 亚马逊是哪个级别的服务商我想大家都是知道的。呃,它的这个服务 是非常稳定的,被封号的几率应该相对比较小,我们看这里也有 anthropic, cloudsonet, 四四点五这里都有,可惜没有 gemini。 亚马逊的这个注册时间关系,我就不给大家注册了,如果大家需要在评论区给我留言,谢谢大家观看。

今天我们这期视频只讲一件事情,就普通人如何零基础使用 cloudcode, 并接入国产的大模型 deepstack。 你 是不是也觉得 ai 编程那肯定是要写代码啊, cloudcode 的 听起来很高级啊。呃,跟普通人有关系吗?我的回答是,当然是有的,当我们接入 deepstack 之后,可以帮我们去开发网页 开发工具,它的功能是非常强大的。今天这期视频就是专门为你定制的,不用懂代码,不用找可用的支付方式去购买国外的大模型,你就能在 十几分钟之内安装好 cloud code, 并且成功接入我们的一个国产大模型。本期视频的话,我们主要有以下的内容,第一个就是 node js, 这是一个运行工具啊,要靠它那个 cloud code 的 才能跑起来。第二个就是 get, 很 重要的工具,但是 windows 系统它是没有安装的, 可能没有这个就 win 那 个 cloud code 的 就没有法使用。然后下一个就是 c c switch, 它可以一键切换一些大模型,比如说 dipic 啊,还有一些字谱的,就像平时我们开水龙头一样,简单去切换大模型。第四个的话就是 v s code 的, 它是微软出的免费编辑器,长得就像记事本, 但是它功能是非常强大的。以下就是分享我们本期要安装的东西。然后是一全程,不需要代码,就是小白也能根据操作一步步点击安装出来,不用死记硬命令。那下面我们就直接开始实操,进入实操演练部分。首先第一个我们要打开一个呃, windows j s 去下载这个插件, 比如说这个,遇到这个,然后我们就直接点击安装就下载,下载之后这就下载下来了,这就第一步,我们安装它才能跑,那我们点击安装, 我们一直点击,呃, nice, nice 就 行了,一直下一步,一直下一步,因为我这里安装过了,所以他就这种情况,然后你安装好之后应该也是回到这个界面,那我就第一步就做好了。如果我们需要验证他是否安装成功,那我们就可以在这里敲一个 c m d, 进入一个命名界面, 我们输入这个命令就可以知道我们是否能够安装成功。你看他这个版本出来了, windows 杠 b, 实际上他是一个解查验版本的过程,那这就证明我们安装成功了。 那下一步我们就是需要去安装 clockcode, 我 们要在安装它之前就第二步,我们要下载一个 git, 因为我们要下载完整的一个 clockcode, 我 们要借助这个 git 这个工具,然后选择你自己模拟电脑的,我这里的话是选择适合我电脑的,就是叉六四点击下载就行了,然后直接点击安装就好了,我 然后这些都默认的一直下一步就好了, 然后点击安装,然后安装成功之后呢,我们就不用管它,然后我们就可以呃,用以下的命令,我们第到第三步去真正的安装一个 color code, 就是 这这串命令啊, 然后直接回车,它就能够进行一个安装了,这里不是卡住啊,是它要加载,它目前正在安装中,你可以点个回车键,它就可以再转,你就看到它在下载,目前就下载好了。那我们来测试一下它是否能够真正的去下载好,并且能够运行的, 然后我们可能会出现这个问题,就是意思就是你无法访问,那我们应该怎么做呢?我们应该跳转到一个界面,就是这里 id 这里,然后你下载完之后,它会有一个可以,大家可以记一下自己的路径, use 下一个 id 的 一个路径,然后有个 cloud code 的 一个 json 文件,打开它之后就变成这样,就是这样子的,那我们要在这下面增加一行, 我们要在这下面增加一行,但是前提是一定要呃加一个逗号,英语的逗号可以看一下,加一个逗号,如果不加逗号就容易出错,很多人出错就因为这个,然后在下面再加一行,加一行,这个字不串, 加入这个命令之后,那 clock code 就 能够正常运行了。重新打开一个,然后我们再重新打一个 c m d, 打开一个命令。行,那我们在这里可以重新输入一下 clock code, 那它就会出现这个界面,那这个界面的话需要我们配置一个大模型。那我因为我们现在还没有嘛,所以我们要下载一个 c c switch。 c c switch 在 哪里下载呢?我们直接可以在网页上搜 c c switch, 它就能跳转到一个 guitar 上面,那我们是在这里下进行一个下载,看到没有? 然后我们就根据它的一个要求选择,我们要选择一个 windows 的, 我根根据它要求选择,因为看我的电脑是 windows 的, 所以我是下载了这个 c c switch, 然后下载之后就是这个界面,它会存在这个 cc 视频群。那你安装点击,一直重试,重重复安装,然后一直点下一步,下一步,因为我已经安装过的,然后直接下一步它就完成了,然后它它回来是这样子的,那我们可以怎么配置呢?那我们可以第一步加一个,这里是要你一个 api 的, 那我们怎么获取 api 呢?那我们就可以获取 dsco api, 那 我们搜索 dsco, 点击进去还有个 a p i 开放平台,你可以提前点进去,然后我在这个 a p i 器上面自己创建一个 a p i t 的 激活扣的使用,然后创建这里就是一个你的 a p i t 的, 然后就回到那个 cc suite, 然后在这里进行一个添加,添加之后点 zip code, 然后在这里点填入你的 zip code 的 一个 a p i, 然后进行一个添加,就正常添加了, 然后添加完之后我们再回到这个 color code 的 界面,然后我们点击一个 yes, 确认之后,我们因为可以斜杠有个命令斜杠去看它有哪些模型。哦,这里看到我们的还没加,加进来,我们还要重新关掉,重新开一下,我们要在这里进行一个启动, 你在这里,你在这里,如果你你你点你,你在这里添加进去之后,你要点击一个启动,它才会进行一个启动,你启动之后这里才能识别到 这里,就你看这里就会有一个 delete, 那 我们直接选择这个,那么行,然后这个就我们可以询问一下, 到这一步就已经安装成功了,那怎么让它变得更好用呢?那我们就可以把它安装到一个软件上面,因为命令行看的太太麻烦了,那我们就用的什么?用的是 v s code, 那 我们就可以找 v s code 下载嘛, 然后直接下载它,就是根据自己的要求直接下载, 我们在这里双击点击它,然后我们在这里双击点击它,点同意之后一直下一步就行了,一直下一步,一直下一步安装,安装好了之后,安装好之后我们就可以在这里进行一个,你可能一进来是英文,那我们可以先做一个操作,就是在这里找一个中文,找个 chinese 或者中文都行, 你进行一个搜索,然后点击它,然后你在这里会有个进行安装,点击,然后授权安装它就安装好了,然后安装完之后你可以可能要重启一遍这个软件,然后你关掉之后再重启,然后我们再安装一个,然后我们就会进入这个中文的界面,那我们再安装一个 cloud code, 我们一定要认准官方的是这个,然后我们安装它会对,如果每个安装的话都要这个信任发布者安装,然后安装了之后就这样了,然后就会出现一个这种图标,那我们点开这个图标,它会自动跳到这里,因为我们已经接入大模型了,所以它这里就会自己跳转到这里, 我们要看它是否真的能够运行, 你看它目前的话是运行在 d c 三点二的模型上面的, 对吧?那我们现在基本就已经做完了一个安装的过程了,那到现在我们再做另一个操作,就是制作一个自己的一个主页,个人主页用来介绍自己的,那我们就可以在这里输入, 然后直接点击生成, 这就是我们做的一个前端的项目,可以看到他其实挺好看的,然后这样跳转,哇,他做的好好全面。关于我,然后有一些技术理念,哇看做的很详细, 做的非常详细,并且好看, 这就是一个基本的一个流程,比如说关于我啊,技能啊,项目啊,都非常的精良。这里就到时候你可以在你的如果你想把你的名字那些更换上去,如果想把你名字跟上去,那你可以跟他讲, 然后现在已经好了,我们就点击啊,你看这里就把东西已经列出来了,我是小黄,只要你有问题你就直接跟他说,可以改,你看我是小黄,拥有什么什么,然后这里就是演示的一个项目, 对吧?然后我们就可以根据这些去进行一个制作,这就是 cloud code 的 一个,这就是一个 cloud code 的 一个厉害之处,它可以根据你的一个东西自动看上下文,然后进行检查,回复以及修改, 还有什么 mcp 啊还是 q 啊这些等等,都可以用 cloud code 也去进行一个操作,然后它的一个命优势就是,呃,建了一个这种 vs code 的 话,就是优势就是我们直接在这里用,不用在命令,命令行用。然后装好了之后,我们配好那个 deep c 大 模型,让它 ai 帮我们生成一个主页嘛,它其实还有很多高级的玩法, 比如说 m c, p 啊,还有 skill 啊这些我也会慢慢讲,后面会分享,但是这也不着急,也不重要,真正重要的事情就是只只有一件事情,那就是执行力,你哪怕先去试一下,先用起来,哪怕就一个小事情,跟他聊天最危险的不是不会用工具,而是觉得自己用不了。 这个 cloud code 已经不是程序员的专利了,他是一个普通人都可以去接触的一个呃,效率工具,只要你有思路就可以开始动手,你开始动手就已经超过百分之八十的人了。所以在 ai 时代,我们其实不纠结,不用纠结出什么东西,哪个模型更厉害,或者是能够帮自己去提升效率的, 我们自己用着用着,习惯的话,对自己来说就是一个完美的模型,完美的工具。好,今天的本期内容就分享到这里,我们下期再见。

第五课我们来讲 vs code 写代码编辑和调试。 我们上一节课已经新建好了工程,在这里看到这里面是代码, 我们要用 vs code 来打开,点击它右键通过 code 打开, 如果你第一次打开它是这样子的, 这个是工程里面的这些文件,我们在这个资源管理器这里,它就展示了这里所有的文件, 点进去可以看到这里就是它的代码是主函数, 我们点击一次它就会展示到这边来, 如果想让它固定在这里的话,就双击它就固定在了这里。 我们先来讲如何进行代码的编辑, 我们使用这个插件 s t 主推的开发工具 点扩展这里 扩展,这里安装插件,直接在这里搜索 安装这一个 s 三八二 q 的 ide for v s studio 扣的这个 st 公司的主板的 点击安装, 我们点击安装完之后,它这里的十五个扩展包就会一并安装, 现在已经安装完成,那就在这里, 然后它这里就勾出了一个 s t m 三二 q 的 插件,我们点击打开看一下, 我们点击它之后,它就开始下载某些东西, 会下载我们等这些相关的工具下载完成之后,你就可以去编辑代码了, 这里出现了我们的这个工厂,那就是下载好了, 你点击这一个生成,你先回到代码,这里 是代码,我们没,我们没有修改,也可以直接编辑, 注意看这里点击生成, 然后它这里显示了右脚,这里也就是宾利, 它生成完毕 生成的那个 文件所占用的空间,它也显示在了这里,生成的是这一个文件,也就是也就是你可以用这个刷入到我们的单面机里面, 就是我们的代码生成这个,通过编辑生成这个文件,然后我们可以刷入到单面机,那单面机就按我们的代码开始跑, 也就是按我们的代码运行 好,这是编辑, 我们直接来写一个 led 闪烁的程序, 我们注意看这是我们刚开始编辑的代码生成的文件, 好了发到了这里,我们对代码进行修改,然后再编辑看一下, 我们将代码写在主函数这里,在这里 主函数这里,然后进行一些初损坏,比如外一大循环,在这里写一个 led 闪烁的程序, 也就是这里 这里 h 标写,写的是 p c 十三, 像 v s code 它都会有这种代码提示。填充 好,这里就是微代码,写一写就是 十八 d 电瓶, 给它一个延时,延时五百毫秒, 这里显示的这个灰色的提示是个参数的类型的参数,选中的参数,这不懂怎么关掉,后面再说吧,这不影响 再给它拉高, 可能是这个 vs pro 的 版本太新了,所以他搞了这个白色的 这里拉低,再延伸,再拉高,再延伸,如此的循环,它就会 实现一个 led 闪烁的功能。我们再来编辑点这个生成,或者点键盘上的快捷键 f 七,那就开始编辑, 我这里是生成完毕,没有报错。 看一下我们写了几行代码之后才会有什么变化, 它占用的主页群,我们编辑上一个版本之前是是五五二 b, 现在变我们写的几行代码之后变得四六七二 b, 说明我们 写的代码已经通过了编辑,所以它增加了这个占用空间,那就没问题。 好,这是编印, 编印,编印完之后我们要将我们编印生成,生成的这个文件 烧入到我们的单面机上。

哈喽,大家好,今天为止我们已经在 vs code 里面接入了 codex cloud code, 总之我们发现在 vs code 里面同时使用多个 ai 功技术比较方便的,于是现在妹妹就变成了一个 vs code 的 重度使用者, 所以这一期就给大家简单介绍一下 vs code 的 一个基本的用法,算是一个科普类的视频吧。 接下来让我们来一起使用一下这个 vs code 的。 首先打开界面之后,我们可以看到一个需要你导入一个 project 的 指引,我们需要打开一个文件夹,一个项目的概念,我们在这个打开的项目里面进行一些文件的操作。好,现在我们已经打开这个文件夹了,那我们可以看到整个页面主要是分为三个比较大的块的, 除去左边栏这个工具栏之外,它最左边的这个比较大的这个块,它其实是一个展示我们文件夹下面的一个文件目录的作用,我们可以通过这个目录打开 存在在这个文件夹里面的文件,在中间这一个比较宽一栏里面可以打开已有的文件进行预览。最右边这一栏就是我们打开的这个 ai 的 工具,比如说 cloud code、 code x 都可以在这个里面跟它进行一个交互。现在就打开左边栏, 我们可以看到这个文件夹里面的一个文件结构,在这个里面我们可以随意打开任意的一个文件,点击它就会展示在中间这一栏里面。对在这个里面我们还可以对这个文件进行修改,包括它其实可以有运行的操作,这是主要界面的一个介绍。 ok, 接下来就是介绍一些比较基本常规的 ysl 的 操作,我们日常使用可能主要是看的是中间修改文件的这一块有一个功能,你看整个这一块的右上角有一个分隔栏,你可以点击那个分出来。另外一栏 对这个的作用就是如果你有两个文件想要做对比,这样打开就会会比较方便。另外一个功能,肯定会有很多人像妹妹一样希望开很多个聊天框,同时跟 ai 进行聊天, 我们可以通过左上角重新打开一个窗口,进入不同的 project, 这样就可以实现同时跟多个 ai 并行的来进行工作了。 接下来可能有一个大家还能用到的一个功能,应该就是它的插件安装的功能,它的左边栏的这个像田字格一样的标记,我们比如说像 python 插件,各种 cloud code, codex 等等的一系列插件,都可以在这个上面进行搜索,进行一个安装的操作。接下来我们就是简单介绍一下裤带丝这几个按钮,他这边可以看历史记录,这边可以去看我们的一个账户的设置,可以开启新聊天,以及下面可以去切换模型,还有 切换他的一个推理的强度,基本上是我们常用的这几个按钮,还有可以去添加附件。 我还有问题我想问一下,我记得它是可以在 codex 这边有一些设置,这个 mcp 是 我们也可以自己去加的,对,我们可以自己去加,但是现在 mcp 已经基本上处于一个被淘汰的过程了,我不是很建议大家去研究这个, 因为它稍微门槛有点高,现在大家都去做 skills, 或者说现在不是小龙虾也被淘汰了去研究爱马仕了,只要我学得够慢, 我就不会过时。对,所以什么是 skill 以及怎么用 skill, 我 们会在下一期的视频里面去给大家做到一个详细的介绍。

大家好,今天给大家带来一期前端入门必备工具 vs code 的 完整安装和基础使用教程,新手也能一看就会。首先我们打开浏览器,直接搜索 visual studio code, 进入官方网站,在首页就能看到下载按钮,根据你的电脑系统 选择 windows、 windows 或者 mac 版本,点击下载安装包,下载完成后打开安装程序,建议大家选择自定义安装路径,尽量不要装在 c 盘。安装过程中把相关附加任务全部勾选,方便后续使用,然后点击安装,等待完成即可 安装好。打开后界面默认是英文的,我们点击左侧扩展图标,搜索 chinese, 找到简体中文语言包, 点击安装,安装完成后按照提示重启软件界面就全部变成中文了。作为前端开发,再给大家推荐几个必装插件,第一个是 live server, 用来实时预览网页。第二个是 html css support, 提供语法提示,还有 auto rename tag, 自动同步修改标签名,让写代码更高效。接下来讲基础使用。先在电脑上新建一个文件夹,用来存放项目代码,回到 vs 后点击打开文件夹,选择我们刚建好的文件夹,然后点击最下方的 codex 图标,输入你需要制作的软件,可以提需求,改需求, 制作完成后就能自动生成完整的 html 基础结构。之后我们就可以在包里标签里编辑内容,也可以在扣带词聊更改内容,就能在浏览器里实时看到页面效果,修改代码,页面也会自动刷新。以上就是 vs code 从安装到简单使用的全部内容,学会这些就可以开始你的前端开发学习了。

大家好,今天我带大家使用 vs code 来安装一下这个 cloud code 的 插件,并且在 cloud code 上面配置两个模型,一个是 deepsea 的 模型,另一个是 cloud 的 模型。首先我们打开 vs code, 在 vs code 的 左侧面板找到扩展,点击扩展,然后在扩展这里面找到 cloud code, 选择第一个 cloud code for vs code, 然后点击安装 好,这个安装很快啊,安装好了 cloud code 之后,我们发现在左侧的面板最下面多了一个 cloud code 的 图标,我们点击 cloud code 好,它现在出现一个这个登录界面,配置 api 的 一个界面,我们现在使用它自带的这几个功能是配置不了 api 的, 因为在国内我们是访问不了这个 cloud 的 官网, 所以我们这里要借助一个其他的工具,我们这里使用的工具是 cc switch, cc switch 呢,大家可以在 github 上面的这个网址去找到并且安装, 我这里使用的是 windows 版本的,它可以支持 macos 还有 linux, 大家在自己的电脑上面找到相应的操作系统的版本去安装就可以了, 我这里已经安装好了,我们打开 cc switch, 在 cc switch 这里面找到 cloud 的 图标,点击 cloud, 然后点击右侧的加号,然后在这个供应商这个界面选择自定义配置,在供应商名称这里输入 deepsea 备注,我们可以不填,官网链接也是可选的,我们可以不填,这里比较重要的一个选项就是 api key, 我 们在 api key 的 网站上面去注册一个,然后在 api keys 这里面来创建一个 api key, 我们把这个 api key 把它复制一下,然后回到 c c switch, 在 api key 这里面把 api key 粘贴进来,看一下这里面请求地址,它这里有个说明,填写兼容 cloud api 的 服务器端地址,不要以斜杠结尾。我们找到这个 这个文档,然后在这个文档里面有一个 s u i, 有 两种格式,一种是 open ai, 一 种是 isnoop, 我 们这里使用 isnoop 的 这种 api 复制粘贴到这个 c c switch 里面来。 好,点开这个高级选项。有五个模型的配置,我们这里可以都配上同一个模型,也可以分开配几种模型,比如现在我们 deepsea 支持的最高版本的微四啊,我们找到这个模型的名称,复制 回到 ccc 去,把这个模型名称填进来, 我们可以使用 seek 微四的 flash 模型填到其中的一个模型里面。好,现在我们点击添加, 这样我们这个模型就已经配置好了。我们回到这个 vs code 的 界面,然后关掉 vs code, 重新打开一下,我们重新点开这个 color code, 此时我们看到 color code 已经出现了这个绘画的界面, 我们打开一个项目,然后点击这里的 cloud code, 或者在这个窗口的右上角也有一个 cloud code 的 这个图标,我们点开,这时候我们就可以对它进行对话了。 比如我们问一下你现在使用的模型是什么 啊?我当前使用的底层模型是 deepsea 维斯 pro, 这样我们就证明到这个模型已经配置成功了。这时候我们也可以在这里面去切换模型, 我们看到这里可以切换这个 deepsea v 四 flash 的 模型。好,这是 deepsea v 四的这个模型的配置,我们接下来再看看怎么样配置一个这个 cloud 模型。配置 cloud 模型,我们使用国内的这个中转商, 我这里使用的是 a p i e, 大家可以在 a p i e 这里面去注册一个,然后我们回到 c c switch 新增一个供应商,同样我们这里选择自定义配置这里的供应商,我们输入 a p i e a p i k 这里面我们回到这个 a p i e 的 这个令牌,这里面把自己的这个令牌复制进来。请求地址,我们这里面也要看一下啊, 我们打开这个 a p i e 的 这个文档,这里面有一个 c c c v 曲的配置, 我们把 api 地址设置成这个,然后点开高级选项,这里设置这个模型名称,我们看一下模型名称啊,找到这个标准模型,还有推理模型,把这个模型名称把它给复制过来, 好,点击添加。现在我们这个 api 的 模型也已经配置过来了, 然后这里已经有了两个模型,我们可以随时去切换模型,我们现在切换到 a p i e 这里面来,点击启动,然后回到 vs code, 我 们关掉,重新起一个绘画。 现在我们来问一下你现在使用的模型是什么? 好,这里我们看到我当前使用的模型是 cloud 双列克四,然后同样的我们也可以在这个模型切换里面去切换相应的模型。好,今天的分享就到这里,谢谢大家。

朋友们,今天我 vsco 里的 cloud code 插件突然打不开了,一直卡在加载界面,点右上角图标还报错。 command cloud vsco editor openlast match found。 正常思路是去搜,去放艺术,去回退版本。事实应该就是版本的问题。 截制视频发布前, vsco 的 上的 cc 又发布了新版本,但我换了个思路,我打开 codex, 把报错信息直接丢给他,让他来修。结果 codex 两分钟就定位并解决了问题,我还顺手让他写了一个修复脚本, 整个过程可谓酣畅淋漓。虽然这个脚本可能没什么用了,但是这个思路值得思考。当你的 ai 工具出问题时,用另一个 ai 工具来修它,你可能会觉得这很绕。 ai 修 ai 靠谱吗? 其实比你想的靠谱,原因很简单, ai 工具的报错信息对人类来说是天书,但对另一个 ai 来说就是它的母语,你把 log 甩过去,它比你先看懂。这个思路不只是用于 cloud 扣的,你用 ctrl 出问题了,可以让 cloud 帮你看 complex, 你 用 call 派拉就卡住了, 会让 gpt 帮你分析。本质上就是让擅长读代码的工具去读另一个工具的代码。最后有需要的朋友可以关注私信我,要那个修复脚本。不止修这一个问题,类似的插件加载失败都能用。关注我,后面继续分享这种 ai 实用案例。

上一节课我们已经讲了如何将翻译生成的文件刷入到单面机里面运行。 这节课来讲用 v s q 进行刷入和调试代码。 首先打开工程, 这里工程已经加载出来了,我们要进行刷入 之前生成的点这里,也就是编辑代码。我们现在要编辑和进行稍入这两个步骤合在一起,我们点击运行和调试这里,在这里创建一个文件 啊,它这里让我们选择调试器,我们用的是 s t link, 所以 选这一个。 好,这里就是它的配置文件。呃,它的类型名称。 如果想知道这个配置文件的里面的内容的含义,可以问一下 ai v s q 的 调试配置文件用于 st q 的 开发环境,通过 st link 进行调试,它这里有这个内容的解释说明, 将它保存,然后点击开始调试,快捷键是 f 五,点击 它这一步就进行了编辑代码,而且将代码导入到编辑里面。 我这里它显示了一个报错, 这是烧录失败,这个不是我这里配置错误的原因,我找了好久,是因为我这这个单面机可能是出了点问题,所以 点击这里它不能进行烧录。我现在换一个单面机,再试一下, 这个单面机和这个单面机看起来是一样的,不过这个可能出了点问题,我换了一个差不多的, 然后再试一下, 这个也报错了,我重新拔插一下, 试一下吧。 好,这里成功了,它它出现了这个调试的这这些按钮。 看到这里的 led 没有闪烁了,因为代码没有运行起来,如果我们点这一个 继续,然后代码才会从这里开始运行,运行到这里它才会 led 闪烁,我们试一下,可以看到 led 开始闪烁了,如果我给它暂停, 它就不闪了。这个调试也跟那个 q 软件里面是差不多了点,这个可以进行复位,然后 比如说我在这里把一个断点再全速运行,可以看到代码跑到这里,它就停止了,我再点运行, 它这样跑,又从头开始跑了,这一行这一行,再到这一行这一行,它又 到了这个断点处,它就停止了,我把断点取消,再运行,它就可以一直一直跑,因为我这里没有用断点,把它卡住 好,说明我们这里的烧录和调试是成功的。 刚才没有成功的话,我重新拔插了一下,它又好了,这个没有那个 q 软件的稳定,我发我给我的感受, 但是也是可以用的,我们还可以再来做一个调试代码的演示, 我在这里定义一个变量, 然后进入主函数这里, 进入大循环这里,让这个变量一直加加, 每次跑这一行的话,它就会加一,我们再点击开始调试,它将代码编编辑以及输入到这里,然后开始仿真。 好,它这里就可以开始仿真了。 我们选中这个变量,然后添加到监视,它就会跑到这里来,我之前这里已经添加过一个了,然后我们再运行, 运行一段时间,我们再暂停,可以看到这个变量有变化了,说明 它这行代码已经这样循环地跑了七次,所以它加到了七,我们再运行, 可以看到这变量又往上加了,如果我们进行复位,复位之后它就变为零了。 这里的调试跟 q 软件里面也是差不多的,不过这里好像不能实时显示,需要把它暂停了才会显示出来。 相对于 q 软件来说,它的调试功能是没有那么强大的,但是可以用 用 v s q 的 写代码也会有其他的好处。它有很多插件可以去下载,然后安装插件 可以很快地使用到插件的功能,比如说代码的管理, 一旦使用上了这个之后,就会感觉到它这个插件的功能十分强大,而且使用起来很方便,这就是它优于 q 软件的一些东西, 只有使用过之后才知道哪一个更适合自己 好。 vsco 的 烧录和调试这个步骤我已经演示了,我现在将这个工程传到网盘上, 这是第一个工程, 放在这个文件夹里面,再新建一个放代码的文件文件 夹。好,这工程已经传上去了,然后这些开发的安装包,文件安装包我已经可以放在这里。

今天给大家说一下怎么在 windows 上安装 code, 以及怎么在 windows 上使用。首先我们打开一个浏览器, 然后输入一下 code, 点积木 x y z 点 com, 然后我们把它放大,找到一个 c l a 安装与配置选项,这里有个 context, 找到 windows 这个选项,点击使用说明。 我们这里系统的要求就是需要 windows 十十以上,然后这里可以安装相关的依赖,需要需要安装 note g s 和 git, git 是 可选的,我们首先要安装 note g s, 打开这个网站, 然后点击这里进行下载,下载完毕以后点击下一步就行了,因为我这里已经下载好了,就嗯就不做影视了。然后我们打开一下这个, 这里首先需要环境检测,这里可做可不做,就是大家如果没安装 get 的 话,没安装 get 的 话,这里环境检测就会失败,我们点击复制一下命令,这里点击一下 cmd, 然后把这个命令复制下去,要安装完 get get 以后,这里环境检测就会出现这个绿绿色的部分,这环境检测已经通过, 这里我推荐大家使嗯,不要使用 windows 原生态的 cmd 使用使用,嗯。 vs code, 我 们下载一个 vs code, 在 这里直接搜索一下 vs code, 然后点击这里, 其中类 vs code 也可以,比如 css 等等的。有一些相关的软件可以直接打开终端,然后点击这里进行下载, 这里已经开始下载了,然后大家直接点击下一步,默认进行安装就行了,我们这里已经下载完毕了,就是这个, 然后我们这里是我的相关的项目,然后我们可以新建一个文件夹, 以后写项目就在这个文件夹上面,比如我的项目,然后把这个文件夹拖入 vs core 的 中, 然后点击信任这个作者,然后我们可以在一开始 vs core 的 这里是嗯,英文,然后我们在这在扩展,这里可以搜索一下,搜索一个中文, 然后把这个安装下,安装下来,然后再切换一下语言,这就是中文的显示,然后我们继续看一下它是如何说的。 在环境检测这里相关的终端,就直接在这里点击一个切换面板,就是相关的终端, 然后在这里终端可以任意添加,添加很多个, 我们以第一个终端为例,这就相当于打开一个 c m d, 然后点击粘贴,粘贴粘贴进去了,点击回车键,这里显示文件检测通过, 然后把这个缩小一下,看一下, 这里需要卸载,嗯, codex 如果你没有安装,可以跳过,我们卸载一下,点击复制命令,这里卸载, 已经卸载完毕, 然后需要安装 context, 这里是复制,然后在这边直接粘贴, 等待安装,这里已经安装完毕,然后验证一下安装, 直接复制一下命令,这里相关的提示,如果有错误,直接直接按照这这个错误直接复制这个相关的命令就行,跟不同的电脑有不同的。嗯,要求我们直接复,把这个复复制下来,然后进行粘贴, 可以看到 codex 已经安装完毕,已经出现这绿绿色的小圆点, 这里是可选的,然后我们就不执行,然后需要登录去创建 cortex 的 key, 然后下面就是写一键,用脚本去写,写入这个 key, 我 们先创建一个 key, 嗯,这里就是需要创建 cortex 的 key, 然后就在这里选择一个产品线,点击 cortex, 然后输入一个名称,随便输入一二三,创建这个 key, 这个 key 已经复制过来了,就这就刚我们创建的能复制下来,我们在我的项目这里输一个,创建一个文件夹,把这个 key 复制下来一点。 md, 把这个复制上去,刚刚的 key 复制粘贴, 这就是刚刚我们嗯创建了 key, 然后再回到嗯原来的安装的脚本以及说明,点击这里使用说明, 嗯,创建 key 以后,第六步已经完成,然后就这里有个命令,一键写入脚本,这里这个命令就比较长,还要替换嗯你的 key, 然后就复制下来,然后放到嗯这这里, 这就是刚刚复制的命令,这里注意需要把你的或者是 a p r key 替换成,替换一下,把这删除,然后把这个复制下来,粘贴到这这里,这就是刚刚我们的 key, 然后把这一部分 复制到终端中,点击粘贴, 然后点击回车,这里已经写入完毕。这一行大家不要管 这里,嗯,就是写嗯,写入相关的已经完毕了,然后它显示要重新开一个终端, 下一步就这里,下一步就是手动配置,大家可以嗯自自动进行配置,手手动配置我们就不看了。 然后下一步就是你的进进入你的相关的项目,然后在终端输入一个 context 就 行了,然后把这个 context 和终端叉,嗯,删除和输入一个 context, 然后就进入 context 终端的界面,大家就可以在这里写嗯嗯写项目,比如这里可以输入一个斜杠 model, 这也可以选择相关的模型,目前我们选择的是 g p c 是 五点四,然后输一个二,然后再输一个四,这是 g p c 五点四的模型, 然后再输一个斜杠 app, 这是允许,呃,国泰 s 执行什么范围?我们选择四就是允,允许它全自动, 不需要经过我们的允许,他就可以自行的修改代码,修改文件等等。我们选择个四,那再输一个一, 然后我们把这,嗯,比如我们问一下,或者是你好,你是谁?你可以帮我做什么? 来看一下他怎么回答的, 它已经回答完毕,这这里就是它相关的回答,然后我们点击这里用量日式,可以看到这是刚刚我们创建的 key 的 名称,然后相关的模型以及消耗的积分, 然后以及时间,然后我们再把这个 context 给擦了,然后如果你想回到原始的,嗯, context 就 输一个 context。 瑞苏米 那点击这是刚刚我们创建的,然后点击一个回车就回到刚刚的相关的,嗯,项目项目的范围中了。同时我们可以也使用 vs code 的 插件,点击扩展这里 下载一个 context, 输入一个 context, 下载第一个,这里有个官方的标识这里, 然后把它下载下来,下载下来的时候大家就就可以看到 vs code 这边有一个 context 的 相关的,嗯,图标在这边,在我图标点击了这里,点击一下 它就会出来相关的 port 的 事,比如刚刚我们两分钟前的它这里显示一个两分,然后我们点击这里,然后就没必要进入,进入到终端中,直接在这里可以进行和它进行对话,比如,嗯,问一下, 你可以帮我写 matelab 代码吗? 就直接在这里进行工作,终端这里如果大家不方便使用,直接在这里插件部分使用, 他这里他已经进行了回答。

自学中的翠再改成使用 tiktok 机费之后,我再也再也没用过它了。我现在改成回到了 vs code, vs code 你 安装它这个插件 codex codex 安装之后, 我觉得这是这是最完美的一个状态。因为我觉得 vs code 自带这个酷派乐的其实不好用的,它用的模型也非常的老旧,基本上没什么意思。 但如果你把它换成这个 codex 之后,你这边可以使用所有的 gpt 模型,然后它也弥补了 codex, 它没有一个正儿八经 ide 的 一个页面,你改了代码之后都不知道哪些代码改掉了。所以说我觉得和 vs code 结合起来,这些代码是最完美的一个状态。