考利 linux 教程第二张一点三 v r s code 的 安装学网络安全我只看芋圆哦!哈喽,大家好呀,我是芋圆。很多刚接触考利的新手都会遇到一个特别头疼的问题,想写脚本,改 e x p 调原码,却没有好用的代码编辑环境, 要么是到处找编辑器,挨个装插件配置半天还是用不了,要么就是用系统自带的记事本写两行代码就报错,完全没法开展实战练习。 今天我就给大家搞定这个刚需工具,能帮你省去百分之九十的环境配置麻烦,他就是咱们晚安人必备的编辑器 vs code。 很多零基础同学觉得专业编辑器很难,不敢上手,其实完全不用怕, 今天我用最通俗的大白话带大家彻底搞懂为什么学卡里学网安一定要装 vs code 的, 以及它到底能帮我们解决哪些实战问题。哈喽,本节视频给大家带来 vs code 的 安装,我们首先拿到安装包之后呢,双击执行之后,我们 根据这个安装向导的这个界面呢,来完成对应的操作。 好第一步呢,我们先勾选对应的这个协议,点击下一步,好在这个位置呢,我们去把这一个对应的安装路径给进行一个更改,可以选择自己的这一个电脑对应的硬盘,比如说在这里选择 d 盘 好,选择一个文件夹,它会自动创建这个 v s 后的对应的文件夹,来保存当前这个软件的安装路径。好,点击下一步。 好,下一步。这里呢,我们可以勾选附加快捷方式创建桌面快捷方式之后,我们下次想要去找到这个软件,直接在桌面点击图标即可。好,点击安装, 当这一个进度条啊执行成功之后,那咱们这款软件呢,就算安装成功了。 好,安装成功之后点击完成运行这款软件。好,现在我们首先进来,那么进来这里之后呢?那我们很多人进来跟我的这个界面不一致啊,这是因为之前卸载过,它保留了我原先的一个配置。如果说你想要让我们的这一个 v s code 变成中文版,在我们这一个左侧栏的这个方块扩展位置来安装这样的一个差异所对应的插件。好,安装好之后,点击重启,它就会变成咱们的这一个中文版。第二个我们使用这个 v s code 呢,想要去编辑咱们的前端 代码的话,那我们最终呢可以安装一下这个 live server, 那 通过它可以在我们的这个文件中鼠标右键来直接通过 live server 服务的方式来启动咱们的这个代码。 那我们如果说想要编写代码呢?哎,我们可以在自己的这个文件夹的对应位置新建一个文件夹,比如说叫 html, 新建好之后,直接将这一款文件夹拖动到我们的这一个软件内,它就会帮助我们打开这一个对应的项目。 好,打开添加到工作区,点击试 好,此时 html 就 在这里展示了,那咱们就可以鼠标右键来新建对应的文件 啊,在新建文件的过程中,我们需要手动的把这个文件的后缀自己进行个标识,比如说我们要创建一个 html 文件。好,那在这里呢,我们来学习点上 html 回车。 好,那创建文件之后,他目前是没有自动生成文件的结构,我们可以把自己的说法切换成英文符号,之后按 shift 加感叹号, 在这里回车好生成结构。此时我们就可以在 body 区来编辑我们的这个内容。 好编辑好之后呢,你想要运行,那就要注意一下,我们需要呢将这个文件的内容呢进行保存,在这里有一个符号表示我们当前文件正在编辑中,按 ctrl 加 s 保存,失去符号之后,鼠标右键选择 open menu left circle 运行。那这个时候呢,我们就会在自己的这个浏览器里面显示到刚才桌面区域的一个内容。以上就是 vsco 的 这款软件的一个使用方式, 那如果大家看到这个视频之后需要领取安装包的话,那我把这一期的视频配套的字幕快剪看完就能带走。 最后再郑重强调一次违规底线, vs code 是 正规的技术学习工具,仅用于个人晚安学习官方授权靶场测试合法技术研究。 如果利用自己编辑修改的脚本工具进行非法扫描、入侵、渗透、窃取数据等违规操作,属于违法行为,和工具本身没有任何关系。 最后我们总结一下, vs code 就是 专为晚安学习者打造的编码实战工具,适配性拉满,插件功能齐全,轻量化,不占用虚拟机资源,运行环境超级稳定。不管你是零基础小白入门,还是进阶提升脚本能力,刷题实战,熟练用好 vs code 的, 绝对能让你的考力。晚安学习之路轻松一倍,效率翻倍!
粉丝1446获赞3299


vs code 如何接入 cloud code 或者 gemini 这样国外的大模型?呃,上一期视频我介绍了几个国内的 ai 编程助手,有一些朋友追求比较高,购买了国外的 cloud code 的 大模型的 api, 但是不知道如何在 vs code 中使用。我今天特地做一个视频来帮大家快速的安装好这些国外的大模型。好的,言归正传。呃,使用这些国外的大模型呢?我们需要安装一个 vs code 的 扩展 client, 大家记住英文拼写是 c l i n e, 我 们来安装一下,点击 vs code 的 左侧这个扩展按钮,搜索 c l i n e client 第一个就是我们要安装的 client, 这个是英文版,如果大家对英文有点抵触的话,可以试试安这个 client chinese 或者 client 中文版试一下。我就先安个原版给大家讲解一下。 安装好了之后,左侧这里就会出现一个机器人头像这么图标,我们点一下这个呢,就是 client 的 主界面,我们首先要在这里做配置,把我们的 api 添进去,选择呢这个 bring my own apikey, 选中之后点下面这个 continue, 在 这里就是配置我们自己的 a p i, 这个 a p i 的 provider。 我 们在这里选什么呢? open i compatible, 这个是 open i 的 兼容性,不要选下面这个 astropic, 要选这个 open i compatible, 点击这里选中之后呢?然后我们在这里还有三项被需要, l 这个一般买的都是国内的中转,他在给你的这个文档里边肯定会有他们中转的地址,把中转的地址填到这里,然后 open i 的 k k 这里填上,然后是选什么呢? mod id 好, 复制上,然后点 continue。 好, 我们点 continue 把这个关掉,这是它的广告,这个也关掉,这个是它的提示。哎, 这样我们就设置好了,可莱也可以在这里右上角的这个齿轮按钮,可以在这里修改你的这个 api。 呃,还有其他的选项,主要是这个我们要在这里把语言从英文改成简体中文 模型配置完了之后呢,我们要给他这个文件的读写权限,就是点击这个 auto approve, 这里我们要把读所有的文件,写所有的文件运行命令 和使用浏览器这些全都给他选上。还有这个开启提示。好,这个时候我们就可以开始使用这个格式,然后让他来给我们生成代码。这里 at 是 添加上下文,这个加号是添加文件或者图片,这个是 m c p, 这个是管理 client 的 规则或者工作流。这个我们就先不要搞那么复杂了,这里它也有 plan 和 action 两个选项,也就是说我们点击 plan, 它就可以先给我们规划点, 点击 action a c t, 它就可以实际的给我们产生代码了,这个是跟 chain solo 模式差不多。好,然后我们在这里简单的做一个页面,使用 h t m l 语言创建一个登录页面,这里也有规划和实施两个模式,在这里是计划模式,这里就是直接实施模式,我们直接选择这个 x i c t 模式, 开始让它来生成我们的页面。好,我们可以看到页面已经开始自动生成了, 提示我们已经创建完,完成了,登录页面已经完成,已经成功创建包含基本的 html 结构样式和简单的登录功能脚本。接下来我们启动本地开发服务器一测试,那就让它测试吧, 是不是出错了?我们需要提示它换一种方式来启动服务器, 它在这里直接调用浏览器打开了本地的这个页面。 好的,这就是这个页面不太完美,我们可以看到连接自定义的 api 已经成功了,至于其他的这些功能,我们之后再想办法,我会接着研究研究怎么让它顺利的工作起来。好,今天到这里感谢大家观看。

兄弟们,最近智普发布了号称国产 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 编程知识,感谢大家的收看!

哈喽哈喽,我是大海,很高兴和大家见面了,今天咱们来讲一个 open 可乐小龙虾的替代方案,它呢比小龙虾安装更简单,使用更方便,而且很有可能在你本地配置不高的情况下,速度还更快, 程序员朋友肯定一眼就认出来了,咱们使用的是 vs code 的 客户端,搭配了一个 clean 的 插件,然后咱们大模型呢,使用的是咱们本地的欧拉玛跑的大模型,而且今天大海将给大家介绍一个新的一个模型啊, 为什么说这套方案它能够替代小龙虾呢?小龙虾之所以厉害呢,主要是取决于两个,一个是它的长上下纹,带有记忆功能,还有就是它能够对工具进行一个调用, 但是呢龙虾它安装起来是比较复杂的,而且如果说咱们本地的这个电脑配置一般的情况下,你开启这个龙虾就要有一个 linux 的 环境,不管是用虚拟机的方案还是 wsl 的 方案,它都会去占用咱们系统的一部分性能。 那么如果说本地电脑配置不高的情况下,我们还要跑本地大模型,那么龙虾他对话起来就会非常的卡顿了。那今天给大家介绍的这种方案 vs code 呢,本身他是程序员去敲代码的这样一个工具,但是只要你给他加装了一个 clean 这种能够调用工具的 插件上去的话,那你也可以直接实现和自己的这个编程工具进行对话,不管是日常我们的文档管理啊,你和他对话,让他帮你完成一些事情啊,联网搜索呀, 还有包括我们的一些 i m c p 的 工具啊,使用浏览器啊,甚至说拿这个工具帮我们制作一些自己本地的软件,或者说帮我们进行一些网站开发,它都可能能力比那个 openclo 还更强,因为它日常是我们程序员朋友去使用的一个工具,相信程序员给自己设计的这个东西一定是差不了的。 这个本地模型呢,依旧是千万三点五的一个量化版本,但是这个量化版本呢,它强就强在它是用这个 cloud 四点六 opus 去蒸馏过的,所以它在逻辑推理方面以及这个工具调用方面都是比较强的, 而且在奥拉玛的官方可以下载各种量化版本。我这里呢今天使用的是一个四 b, 你 可以看到它总大小只有五点三 g, 我 可以轻松的把它装进我的显卡当中,哎,这样跑的速度也是可以的,可以接受的。 我们直接来让他帮我们执行一个任务,执行完任务之后,我们再给大家详细的讲如何的安装我们的软件插件,以及如何配置我们的模型接口。好吧,我这里直接给他一个开发软件的小人物,相信这个难度呢,对于咱们本地模型来说还是有点的。 帮我生成一个桌面小软件,点击开启一个秒表计时器,鼠标的左键呢,开始计时,右键啊,这个时间暂停。我们把这个命令呢发送给他, 可以看到他的第一个动作就是去连接我们本地的那个欧拉玛,我们可以看到他开始分析了,用户需要一个桌面秒表应用功能,包括左键开始计时,右键暂停。我将使用 python 的 什么库来创建一个图形界面应用,你会看到他会有任务分解这样的过程,对吧? 创建 python 秒表应用,实现左键开始计时功能,实现右键暂停功能,显示计时时间,添加重置功能,测试应用。然后接下来呢,他将创建一个基于他的应用好,他开始了,然后呢, 它会自动去安装需要的一些插件和环境,这个就是这个 cleen 的 强大之处,它和小龙虾其实是 差不多相同的,但是你会看到它是基于 vs code 的 这样一个编程的 id 工具来实现功能的,所以它在安全方面做的是很好的。同时呢, 他在系统级的去调用一些工具的时候,也是比小龙虾可能更得心应手。比如说去创建文件,去修改文件,可以看到他这里的对应的文件的代码已经生成了,但是他需要我们去批准,他的一个动作就是批准他要创建一个新文件,可以看到这就是我们这个 ms code 加上 clean, 它对于安全的一个管控,一些关键性的,比如说关于文件增加修改这些东西,它都会来询问我们的意见,那我们什么都不用做,只需要点击,哎,是不是要保存,是不是要去执行就行了?点击保存 好,你会发现他这里说这个 u v 已经安装了,但必须重启 vs code, 他 才能实现。他的这个功能可令他自己想到了一个对策,就是说,呃,不需要说是去安装 python 环境了,他给咱们创建一个这个 html 的 界面,一个网页端的桌面程序,也能实现对应的功能,那我们看他接下来要怎么操作啊? 好,他又来让我们创建一个新文件,这时候我们点击保存,其实我已经能在桌面上看到这个文件了啊, stopwatch 啊,就是秒表啊,他说文件已经创建成功,现在用浏览器打开测试,然后呢,他说是这个需要我去批准浏览器的权限,我批准,如果说你不想点这么多的这个批准的话,你可以展开这个 批准这管理这里。哎,把他想要的权限去给他勾上,他就不会每次都让你来批准,比如说我这里把使用浏览器以及编辑项目文件都给他勾上,大家要注意,这里的读取所有文件和编辑所有文件是不能随便去勾的啊,有可能对你其他的文件造成问题,但是去编辑和读取项目文件是没有问题的。 好,这里我们也不等他自己去测试了,我们来手动测试一下,我直接去开启这个对应的秒表,按照咱们的这个规则是左键开始, 然后右键暂停,没问题,然后还能重置。这个整体的功能是实现了,而且样式大海也非常的喜欢,而且大海也正需要这样一个应用,但是呢,我还是想要一个桌面级的应用,所以这里呢,我给他关闭,我跟他说 python 已经安装好了,请帮我生成桌面用的程序, 你看他要制定了新的计划。针对我这个安排,他说用户 python 已经安装好了,让我重新生成桌面程序,我需要一检查 tony 的 这个 keep 是 否可用,然后呢?来安装一个依赖,然后再运行秒表程序。好,所有的任务终于已经跑完了,我们来看一下它这个实际的效果怎么样啊?桌面上出现了很多文件,我们就点最后这个启动秒表啊,确实是出来了啊,然后左键点击 右键暂停功能也没问题,当然我觉得这个界面也太丑了,对吧,不如这个 html 写出来的还是比较难的啊,不过幸好是两个都能用, 那么相信看到这里呢,大家已经能体会到这套工具加上本地大模型的强大之处,那么接下来大家就跟上大海的脚步,我们一起来安装这套方案。首先呢是去 vs code 的 官网下载它的安装包,我们这里直接点击 download for windows。 好, 这个速度也是非常快,下载好了之后呢,我们直接打开文件, 同意此协议。下一步,那这个地方可以自由的选择你安装的位置,下一步,下一步,那这里可以自由的选择是否把这个 code 添加到上下文菜单啊?我这里不添加,我点击下一步, 然后接下来我们点击安装,然后这样呢我们就完成了 vs code 的 安装,我们点击完成在打开的这个界面呢,他默认是一个英文的界面,如果说你习惯用中文的话,点击左面的插件市场,我们在这里搜索一个中文,那这里我们可以看到一个中文简体的语言包,我们去给他安装 啊,然后他右下角就会弹出来,改变成中文,然后重启,我们点击好,这时候我们打开整个界面,就变成一个中文界面,接下来咱们依旧点击左侧的这个扩展, 然后呢我们在里头搜索咱们今天要用的卡拉 ok, 他 会给我们非常多的版本啊,如果说你是习惯看英文界面的话,你就安装这个原版,下载量是最最大的,如果说你喜欢中文的话呢,咱们下载量还挺大的。卡拉 ok, 我 们安装 信任发布者和安装好,很快他就安装好了,然后呢我们可以把这个窗口往右拖一拖,对吧?啊,这个地方点击标记已完成,这里呢我们可以选择前按模型,也可以选择自带 api 的 密钥。如果说你是用的云端大模型啊,你有比如说 到的四点五或者 g p t 五等,你就继续,对吧?这里我们使用自己安装的大模型,我们就自带 api 密钥继续。然后 api 的 提供商呢,我们这里选择 open ai 的 啊,也就是兼容 open ai 格式的啊,接下来呢就输入基础 u i l 和兼容的 api 密钥,我们就可以继续开始使用了。 如果你还不知道如何去安装这些软件啊,不花一分钱在咱们的本地安装大模型来调用的朋友呢,去看大海之前的这些视频补一下课啊,相信呢,你也能学会如何的去安装。那么接下来呢,我就先从奥拉玛开始,首先打开本地的奥拉玛,然后这里呢,我去选择一个本地已经安装好的模型,打开了之后我们可以先在这尝试 和他对话啊,看正不正常,可以看到他这个对话方式,他是有一个思考过程的,对吧?然后接下来呢,我们是去设置一下对应的这个欧拉玛,这里我们去把他的上下文长度给他加到一百二十八 k。 然后接下来呢,我们去浏览器访问一下欧拉玛的本地的服务, local host 单口号呢是幺四三四,哎,可以看到我老马一直装,你没问题。好,接下来呢,咱们再给他后头加个斜杠 v 一, 然后继续斜杠啊 models, 哎,这个时候我们就可以得到对应的这个 id 啊,这个是一会我们要填的。好,接下来呢我们就把这个 到 v 一 这里啊,不要加 models 复制起来,然后到我们刚才的这个位置啊,基础输入的 url 啊,这个 v 一, 然后呢 a p i 这里我们可以随便输,比如说我这里输一二三模型的 id 呢,就是咱们这里已经打印出来 复制粘贴,然后这时候我们点击继续啊,把这个地方擦掉,然后呢我们来试一下和他打个招呼。嗨,你好,那奥拉玛这里呢,我们可以关掉这个窗口,只要他在后台运行就可以了。 好,只要他正确的回复了你的要求。你好,在的,我有什么可以帮助你?我可以帮你干嘛干嘛干嘛。那么咱们这个设置呢就已经好了,你可以开始和他对话了。 那么咱们今天视频到这里就结束了,相信大家也能通过自己本地的 vs code 加上 client 这个很好用的插件来实现我们本地大模型的调用,去帮助我们真正的解决一些实际的生产问题。好吧,那咱们下期节目再见,拜拜。拜拜。

用指定的模型打开 vs code, 这里会自动下载或者更新, 右下角就可以看到默认选中了这个欧拉玛里的模型,点击其他模型,打开管理模型,就可以看到你通过欧拉玛下载的所有模型,点击左侧的小眼镜,就可以取消模型在列表中的隐藏。 接下来是最关键的一步,修改欧拉曼模型的上下文大小,如果不修改会影响模型输出结果的准确性。调整到对应模型的上下文大小, 模型的上下文大小可以在欧拉曼模型列表中看到,在 vsco 中试一试。 这里视频没加速,我觉得运行起来还是很慢, 给大家看看我电脑的配置吧。 再是一个例子, 总的说来生成速度还是很慢,不能提高编码的效率,如果选小模型又会影响准确性。

如何购买可以在 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。 亚马逊的这个注册时间关系,我就不给大家注册了,如果大家需要在评论区给我留言,谢谢大家观看。
![[html系列教学]VSCode的安装与使用 #程序员日常 #办公软件技巧 #设计教程](https://p3-pc-sign.douyinpic.com/tos-cn-p-0015/ooiLCUqweACQMeGbBf8WuvQAUL7PgFxMoaIQB0~tplv-dy-resize-origshort-autoq-75:330.jpeg?lk3s=138a59ce&x-expires=2103901200&x-signature=XD6A5EzovyIlKJLkkKsnOHDlFCQ%3D&from=327834062&s=PackSourceEnum_AWEME_DETAIL&se=false&sc=cover&biz_tag=pcweb_cover&l=202609050142561D754171EC7C757F6370)
之前我们说自己手动更改文件后建名太麻烦了,那么这时我就需要使用一些专业的开发软件来帮助我们写代码了。能够编写 html 的 软件有很多,这里我们选择的软件是微软的 vs code, 那 么去哪里下载? 你也知道国内搜索软件的德行,自己去搜很难找到真正的下载入口,一不小心就被下载了病毒全家桶,所以这里我推荐你去问问 ai, 一 般 ai 会给你准确的下载链接。打开 vs code 的 官网, 它会自动熄灭你的电脑系统,你直接点击下载,它会自动为你分配适合你系统的版本。下载好后,你会在你的电脑中看到一个安装包,双击打开这个安装包,点击我同意,然后点击下一步, 接着勾选项方所有选项,点击下一步,再点击下一步,最后点击完成, 那么到这里安装的部分就完成了,是不是很简单?接下来是对这个软件进行设置, esco 就 像游戏一样,允许用户给他打 mod, 所以 打开软件这里你看到的和我可能不太一样, 不过你要做的只是去角对应图标,图标不会错的。在最左侧点击这个图标, 在商店中搜索 chinese, 点击这个插件,在这里点击安装 install。 这个插件的用途是将界面翻译成中文,有与没有都不会对你代码的运行产生影响。接下来在商店中搜索 live server, 点击这个插件, 同样点击安装。这个插件可以让你的网页代码在保存的瞬间直接更新到网页当中,省去了每次改代码都需要刷新网页的麻烦。我们重启一下软件,然后将上次的网页拖过来, 这些可能会提示风险,但代码是我们写的,我知道肯定没有问题,所以点击打开即可。这些你在软件当中就能看到你之前写的代码了,你可能看到的代码颜色和我的不太一样,这不重要,也不会影响你打代码, 后面代码打的多了,自然就会意识到这个颜色是干什么用的了。打开代码之后,我们详细查看代码运行的结果。 在能打字的区域,鼠标点右键选择 open with live server, 然后它会打开你的浏览器,这时你就能看到你的网页被显示在了浏览器里。现在不要关闭浏览器,直接回到 vs code 当中,我们加一句话, 写完直接 ctrl 加 s 保存,我们返回浏览器看看信不信。浏览器直接把进加入的代码显示在了网页当中,那么下载软件的部分就修完了,下期我会带你看看完整的网页结构是什么样子的,以及带你认识更多的标签。
