粉丝3015获赞1.3万

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

兄弟们, mini max 新出的大模型 m 二点五已经在 openroot 上霸榜三周了,今天我用一条视频教你如何将 mini max m 二点五接入到 v s code 中,配置完就能使用 ai 写代码。老规矩,先点赞收藏,防止后面找不到了。我们 来到 v s code, 点击左侧的扩展按钮,进入扩展,在搜索栏里边,我们输入 client c l i n e client, 选择第一个这个机器人头像图标的,点击安装左侧这个有机器人头像的就是 client, 我 们点击这个 client 图标,进入 client 的 界面,我们首先要点击这个齿轮图标,进入设置里边,点击 ai pro vader, 我 们找到 minimax, 这就是 mini max, 这个就是 mini max 的 设置界面,默认这里的 basic l 是 api 点 mini max 点 i o, 这个是国外站的, 我们要选择 api mini max 点 com, 这个是我们的国内站。好,我们看这里的介绍,让你选择好你所在的地区。 api mini max 点 com 是 给中国用户的 api mini max 点 i o 是 除了中国以外的其他地区的,那么我们在这里就要设置 api mini max 点 com, 设置完 base ur l 之后,我们要设置 api k, 点击这里我们就到了 mini max 的 开放平台,这里我们要注册一个新用户,我们这里要使用手机验证码登录来注册一个新用户,在这里输入我们的手机号,然后点击获取验证码。 输入完验证码之后呢,我们还要点击这个已经仔细查看并同意该用户协议与政策隐私。点击登录注册, 我们就可以进入 minmax 的 接口密钥 api k 的 设置界面,在这里点击创建新的 api k, 这里我们输入 client, 创建密钥, 复制密钥粘贴到这里,然后模型这里我们可以选择不同的模型,我这里是强烈建议选择 minmax m 二点五,选择完了之后, 我们点当我们的设置就结束了。好的配置就是这么简单。有什么不明白的可以在评论区留言关注我,每期一个 ai 编程知识,谢谢大家的观看,再见!

大家好,上一个视频给大家介绍了如何搭建一个岁月的开发环境,但实际上还不够, 因为上一个环境搭好之后呢,他只能运行,他不能调试,所以,呃,这个视频呢,主要给大家进行一定的补充,通过这两个视频呢,大家搭建的环境就完整了。 我觉得做这个视频啊,真的很费时间,因为我刚才录了一段呢,又感觉到不是很好,有些持续啊,有些内容又缺失了呀,又重新做了一下,真的挺费时间的。 主要要配置三个文件,这里我要给大家说一下这个配置呢, 有两个层面,一个是基于这个软件层面的配置,也就是说我们通过这个软件开发 呃,不同的项目,对吧?有些配置是一样的,不同的项目配置是一样的。那么如果是这种配置呢,我们应该放在这个软件的场面,这种配置应该从这个地方进去。 还有一类配置是卸于这个项目的,就在每个项目里面,他的配置有可能都不太一样。 比如说有一项目你开发汽罗斯这个型号的 cpu, 另外一个项目开发不同的型号 cpu, 对吧?那肯定是只系局限于这个项目的,像那种配置呢,就应该在这个地方局项目里面的这个配置,他各种 追胜文件。首先我们看一下这个全局的一种配置,全局的要配置什么呢? 比如说我们的 b 七是吧?我这里呢就配置一个全局的这个 b 七的路径。 他的配置方法也有两种,一个是这个是用户界面可视化界面的方式,对吧?还有一种呢,就是追胜文件, 我喜欢在这写元代码的那种方式,你随便点一个,这里有这里就可以了,要不然特别难找, 他的内容非常丰富,很难找,我打开就行了。在这里呢我要跟大家说,呃,你不用看我的代码具体是什么样的, 我最后会出一个头条的这个文章,我把三个不同的配置文件的源代码的拷贝上去。然后我这里呢就给大家说一下哪个地方你需要进行修改就行了。 在这个地方呢需要修改的是这个,这个就是我们配置这个变异器的路径, 这个地方要指指定的,因为我安装的路径跟你的可能不太一样,这里需要修改一下,其他的你都可以直接拷贝的。 第二个呢就是在 变异的时候,我们变异的时候 要让这个项目进行变异,我们运行的叫任务,他这里叫任务,我们配置一下这个 啊,对,他这个就实际上打开了这个了,天使这里是空的,你这里配置好之后他这个文件才能在这里立出来。 同样的呢,嗯啊,这个地方已经有一个,我把这个这是点击之后他新加了一个,我把他删掉,你们是不需要的,因为我已经有了。 看这个这个有的是吧?到时候往回贴出来的我就给大家指明一下。这个看慢的就是比起刚才比起的路径,这是一个你可以有两种汽车是也可以, 都没关系的。 然后这里呢就是变异运行这个变异的气的时候呢,他 要附带的一些参数,这个参数啊,我们变异就是把,呃,我们写的这个程序是一个文本文件,对吧?转换为,嗯,电脑可以识别的目标文件吗?那么这个就是原文件 格式,然后这是原文件,然后这是目标文件。欧,就是奥布这个,然后深层的文件的名称,深层的文件名称呢? 你看他这里就一个同样的名字,就是基础杨文杰,不带这个后缀的的,基础杨文杰的名称加上 yes e, 我们这个基 文件就是 man, 对吧?那么他这里生成的目标文件就是 man 点 ex e, 所以啊,其他的都可以直接用,你就要修改的就在这里。那这个文件怎么用呢?我们就是 这个就行,一行这个就行了,用快捷键写着 ctrlift 的笔, 然后他就直接执行了,生成了这个 mandyex e 文件,如果你的程序代码有误,对吧?那么他这里会爆出的是不可能成功的, 下一步还要进行调试,对吧?调试的话我们要指明调试器,在这里,我们打开配置文件, 当然我这里也配置好了,对吧? 这个内幕呢,是你写四的一个名称,你可以随便写,根据你自己的喜好,对吧? 然后呢,这个地方,呃,就是我们前面编一好的这个可知性文件,当然我这里直接写了个妹,应该把这个原来的考过来,可能会更好一些, 就是把这个这样的话就一致了,对吧? 对,就可以了。 这个就是我们需要调试的格子井文件,然后呢, 调试器是这个参数,指明调试器的位置贴在调试器,我们用的是 gdp, 所以你要根据你的情况指明一下位置就可以了,其他的你都可以直接用。这里有一个要给大家说明一下的,我刚才就忘了。呃, 这个是我自定义的名称,你也可以修改成任意你喜欢的名称,对吧?与加载任务,他这个任务是什么? 你自己设这里,这个设一个名称,那么这个任务就是我们刚才这里设置的任务, 看到没有?这两个任务的名称必须一致啊,这个大家千万别挖 了,数字的话也是不行的。好了,这三个全部配置好之后,我看才笔也好了吗?我们再调试,就是三点八根,快点进去,是 f 五 啊,这里按下一个断点,你看他就执行到这个断点这个地方停下来了,我们如果代码更多的话就可以进行调试了, 我们后面再给给大家看。怎么刚才变练啊之类的,因为一个视频太长了。

我们后面要写正式的商业项目,所以前面那种用浏览器和记事本的编辑方式就不行了,我们要有正式的软件和环境,这一切我主要讲一下 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 的疑惑,拜拜。

我晚上在直播的时候,很多人比较喜欢我的 vs code 的配置,那我现在把我的配置分享给你,然后告诉你怎么样获取。那你下载完这个配置之后,这个我的配置项目包括插件会自动帮你进行下载,你可以在我的配置基础之上进行优化。 那我们我需要一个工具啊,把这个配置呢分享给你,那你也需要这个工具,把我的配置下载下来。安装好这个插件之后的话呢,我们调出命令,你可以按 come 的 shift p, 如果你是 windows 的话,按 ctrl shift p, 那调试好之后的话呢,你可以选择下载配置, 再下载配置这块啊,那我把它给缩小一点,看这块,这个下载公共的,你点击它,点击它,那这时候的话呢,会 弹出个窗体,在这块你输入我分享这个 id, 我会把它放到后盾人 vs 扣的这一块,应该在这块大叔的共享配置,你点开这一块的话呢,这块就有这 id, 因为我把我这个初始化了,一会,这个 id 我可能要更新一下, 你呢?复制我更新之后的 id 贴到这里边就可以了,他会自动就是进行下载。如果你之前登录过啊,你登录过,比如说现在我把它给登录上。 好,这个登录之后啊,我这时候呢,这个时候你登录之后啊,你再点击下载配置的时候,他就是从你自己的账号上进行下载, 那么我们可以怎么做呢?我们可以把那个配置啊给他重置一下,重置扩展设置,重置之后的话呢,就把登录状态给清掉了,这个时候的话呢,你再点击下 配置的时候,就又会有这个界面了,那这块你就可以填我的 id 了。那一般情况下,我的建议是你先把我的配置下载下来, 然后呢,在我的配置基础之上进行优化,是吧?比如说我默认时装 vim 插件,你觉得 vim 插件呢?呃,你不想用,你就可以把 vim 插件从这个插件商店里边把它给卸载掉。 然后呢,你这时候可以使用 vs 扣的织带的这种配置项的管理。这个视频录完之后呢,我会重新更新一下这个 id, 到时候你可以使用这个新的 id 来获取我的配置项。欢迎大家晚上八点来到直播间,感谢大家收看,再见!



兄弟们,最近智普发布了号称国产 ai 编程天花板的 g l m 五,今天我就教大家如何将 g l m 五接入 vs code, 配置完就能本地用 ai 写代码。老规矩,先点赞收藏,防止后面找不到了。我们打开 vs code, 点击左侧的扩展按钮, 在扩展的搜索栏里面,我们输入 c l i n e client, 第一个这个就是 client 的 官方扩展,我们点击这个安装,左侧这里就出现了一个机器人头像的图标,我们点击这个机器人头像图标, 我们就来到了 client 的 主界面,我们点击这个 api provider 里边 找智普的 z 点 ai, 这个 z, 点 ai, 这就是智普的模型。首先我们要上智普的网站申请一个 api, 点击这个链接,我们就会跳到智普的网站,在这里我们输入手机号,然后点击获取验证码, 选中这个同意用户协议,点击登录,我们就进入了智普的平台。点击右上角这里的 a p i k, 我 们新建一个点,右上角新建,在这里输入 v s code, 点击保存, 可以看到这里新增加了一条记录。点击 api k 这里的复制,我们就可以把这个 k 复制到我们的剪贴板里,然后回到 v s q 的, 在这个 api k 这里边,把这个 api k 粘贴进去。 模型这里边选 g l m 五,然后点击这个 down 按钮,就可以使用 g l m 五的这个大模型了。关注我每期一个 ai 编程知识,感谢大家的收看!

前端开发必装的十个 vs code 插件,装上直接起飞,效率翻倍!第一个, css variable autocomplet, 写 css 变量,再也不用来回翻定义,自动提示,自动补全,再也不会写错变量名。第二个, project manager, 项目多到找不到,一键收藏,一键切换,不用再疯狂找文件夹,打开即用。第三个, path intelligence, 写路径引文件自动补全,斜杠一敲就出提示,再也不会因为路径错而排查半天。第四个, npm intelligence, 导入包名,自动提示依赖包,不用死记硬背,手速直接起飞!第五个, git graph, 提交记录可识化,谁在什么时候改了什么一目了然,回滚对比排查超级方便!第六个, better comments next, 让注视变得五颜六色,重要提醒, to do bag 器用代码清晰区分,代码可读性直接拉满。第七个, live server, 保存既刷新本地实时预览, 写 html css js 必备神器,不用再手动 f 五。第八个, wisecord icons, 给不同文件配上精美图标目录结构,一眼看懂,找文件速度快一倍,颜值还高!第九个, markdown preview enhanced, 写文档写笔记实时预览,支持图标公式导出, pdf 写簿刻的神器。第十个, coldsnap, 选中代码一键生成,高清截图,主题好看无水印,发朋友圈写文章超有范!这十个插件从效率、美观到实用全覆盖,让开发过程幸福满满!你还私藏了哪些神仙插件?评论区聊一聊!

进入 vivo studio 官网,点击右上角的 download, 根据你的系统环境选择对应的版本, 如果是 windows 的话,选择 user installer, 或者选择默认的这个 windows 安装包的话。呃,你就会下载用户环境下的 vivore studio code。 呃, 这个版本的缺点是不会自动更新,所以建议直接下载 system installer two thousand years later, 在完成下载后,直接打开, 选择运行统一条款,选择安装路径, 点击下一步。呃,这,在这里可以选择开始菜单,文件夹就会在开始菜单里面放一个快捷方式。呃,也可以放桌面的快捷方式。 two thousand years later 安装完成后,点击完成就可以直接打开。 嗯,在这里我是因为之前配置过,所以就已经会有一些插件了。 呃,在这里也可以搜索自己想安装的插件,比如,呃, macdond。 呃,我个人会比较喜欢 markdown previewing pass 的。呃,在这里直接点击 install 就可以下载。 呃,在这里点击 on install 就可以卸载。点击 disable 的话是不卸载,但是让这个插件暂时不能用。