npm管理工具搭配vite创建项目
粉丝1397获赞1.4万
相关视频
04:30查看AI文稿AI文稿view 三从零开始学第一章一点三，使用 lit 创建第一个 view 三项目。上节课我们已经完成了 node js 和 npm 的 安装配置，这两个工具是后续 view 三项目运行的基础支撑，就像盖房子前要先备好水泥和钢筋一样。 而这一节我们要学习用 vita 这个工具，快速搭建出第一个 view 三项目。可能有同学会问为什么选 vita， 因为它是目前主流的项目脚手架工具，简单说就是能帮我们自动生成项目的基础文件加配置文件，不用自己手动建文件。 而且启动项目后续开发的速度都比以前的老工具快很多，咱们跟着步骤做，很快就能上手。首先我们要打开终端工具 打开后，我们先确定自己要把项目存在哪里，比如想存在电脑的桌面，就先输入切换到桌面目录的命令，按回车后，终端就会切换到桌面目录，后续项目就会建在桌面上。 接下来是核心步骤，创建 vita 项目，在终端里输入创建命令，这里拆解下这个命令的意思。 npm 是 我们上节装的包管理工具， create vita 就是 用 vita 创建项目， at latest 表示用 vita 的 最新版本，避免用旧版本出现兼容性问题。 按回车。接着提示我们输入项目名称，大家可以自定义，这里我命名为 mu 三杠 tutorial， 英文小写，中间用横杠连接，这是项目命名的常规习惯， 避免空格或中文导致出错。输入名称后按回车，然后终端会让我们选择框架， 这一步是让我们选项目的核心技术框架，我们要找 view 这个选项，用键盘的上下箭头选中后按回车。紧接着会让我们选择变体。这里有 java script 和 type script 两个选项。 简单说， type script 是 java script 的 加强版，多了一些类型检查的功能。对新手来说，先选 java script 会更易上手，后续熟悉后再学 type script 也不迟。选中 java script 后按回车， 然后终端地询问是否启动实验性的新一代打包工具，新手无需尝鲜，我们直接选择默认的 no 选项，按回车继续。 这个步骤是询问是否一键自动安装必有项目所需依赖，并直接启动项目。新手建议选 no， 因为手动完成每一步操作，能清晰理解项目运行的核心流程。打好基础， 到这里， vt 就 会开始自动生成项目的基础结构了。等终端出现 down 的 提示，就说明项目的基础框架已经建好了，可以看到桌面已经生成项目文件夹。 下一步是安装项目依赖。可能有同学会问依赖是什么？其实就是项目运行需要的辅助代码包，比如 view 的 核心代码、 view 处理项目运行的代码等。就像盖房子，除了水泥钢筋，还需要螺丝电线，只写小零件。 首先，我们需要在终端将目录切换到刚刚创建的项目文件夹下，然后输入命令 npm install。 按回车后， n p m 就 会自动从网络上下载并安装所有需要的依赖包。这个过程快慢取决于网络。等终端出现 a d 处字 package 字样，没有红色报错文字，就说明依赖安装成功。最后一步，启动 vo 三项目，在终端里输入命令 n p m run dev。 这里的 run dev 可以 理解为启动开发服务器，就像给项目接通电，让它跑起来， 按回车后，终端会开始执行启动操作，等出现 vita ready 的 提示时，就说明项目能正常访问了，后面会跟着一个地址，这个就是项目的本地访问地址。 我们打开浏览器，把这个地址复制粘贴到地址栏，按回车后，如果看到浏览器页面上出现 view 的 默认界面，就说明第一个 view 三项目已经成功创建并启动了。到这里本节内容就结束了， 下一节我们会深入解析这个项目的目录结构，搞清楚里面每个文件夹，每个文件分别是做什么的，为后续写代码改样式打下基础。
1339Nex同学
06:18查看AI文稿AI文稿今天一个做房产的朋友发了一个大红包过来，然后顺手又丢了一个数据文件给我，希望我帮他做一个数据分析。 那他这个数据文件呢，不是我们传统意义上看到的那种销售报表啊之类的，他是一种文本型的数据表，就是说里边有大量的客户意见，评论投诉内容等等。 然后呢，他又提了三点要求，第一点呢，就是希望输出的是网页版的格式化看版和一个 pdf 文件，同时呢，提了几条数据维度的要求，最核心的就是用户的关注点和高意向客户的一个分析。 同时他不希望这个数据分析的过程在第三方平台上进行，最好是开发一款自己的工具，借助大模型来分析。 由于他大部分的时间呢都在办公室，所以就没有必要做移动端的开发，而且从他数据分析浏览的习惯和体验感来说， pc 端可能会更好一些，因此呢，开发一个电脑端的桌面应用就可以了。 而且呢，这也不是一个经常性的数据分析需求，因此，呃，开发一个电脑端的桌面应用足够了。 在跟他沟通的过程当中呢，我也建议他可以用大模型的编程能力输出，网页版的报告也是能够满足他的需求的。 但他呢，提出了一点不同的意见。他说我在使用大模型的时候呢，可能每天会问很多的问题，形成了很多记录，那这些记录都混在一起， 他希望通过一个专门分析的一个工具，然后呢能够去分析，同时呢还能够翻看以前的分析记录，做一些对比啊。另外呢就是未来他可能还有一些其他的数据分析要求，可以在这个工具上不断的迭代。 聊到这里之后呢，那我就在思考，除了自己开发一款工具来进行数据分析之外，还有没有别的平台或者方案可以解决他这个问题。 哎，琢磨了很久，可能是因为我的这个背景问题啊，确实没有想出更好的办法，于是呢就硬着头皮帮他开发了一个工具，总共用时三个半小时。 那开发商呢，还是通过豆包这样的大模型来通过不断的沟通去梳理他的业务逻辑，然后写出一个比较完整的产品文档。 同时呢还要让它同步输出，要交给 figma 或者是 pixel 来设计 ui 界面的提示词。 因为跟大模型聊得比较多，它现在已经具备了记忆能力，所以它也比较了解我的背景，它还贴心地帮我组合了工具，比如说用什么样的工具开发，配置什么样的环境，以及用什么样的框架等等。 甚至呢，包括数据库，他都建议是做本地化存储选用，像呃，我也不知道怎么读啊，像这种数据库类型。 另外呢，就是不管是开发网页版、移动版的应用，还是这种桌面端的应用啊，我们都要对开发工具进行一些规则的约束， 约定他的一些开发边界，不让他胡来。比如说项目的规则啊，个人的规则，那这些规则如果你不会写，可以基于你前面写的项目文档说明，让大模型帮你输出一个个人和项目的规则。而且呢，他写的规则对开发这个项目来说是非常友好的， 这个项目的业务逻辑呢，也不复杂，就是用户呢上传表格，然后呢转成 json 的 格式交给大模型，大模型分析完之后呢，再通过图表化的脚本，然后组合成一个格式化的看板页面。 那这个过程当中呢，我们要接入大模型的 api， 然后呢因为考虑到未来呃客户可能会换这个大模型的接口，所以我们还是要提前的把呃 api 的 配置啊做到这个工具里边去，而不是每次都改代码。 然后就是每一次的分析呢，都要形成一条记录，同时呢把原始文件存到工具的一个目录里。 这样做的好处是，万一客户在电脑的文件夹误删了一些文件，那么我们这个软件呢，跟目录下呢，还有备份的文件。 然后呢就是除了网页版的格式之外呢，还能够导出 pdf 版本，然后也允许它通过浏览器的方式来打开这个看板。 剩下的就是一些体验环节了，比如说，呃我们上传完表格之后交给大模型分析， 接入过大模型 api 的 都知道，无论你怎么调试，一旦遇到数据量比较大的时候，它的分析时间是比较长的， 为了不让用户等的很焦躁，那么可以加一个这样的进度条。有时候人的需求就是这么奇怪，没有这个进度条和有这个进度条，它的体验感是完全相反的。 然后工具上我依然选的是翠，那我用了很久，我觉得翠它免费，而且对于一些小型的应用来说，其实没有太大的问题。 最后一点就是做桌面端的开发呢，他不像 app 或者是小程序，需要像微信开发者工具啊，甚至其他的一些工具配合一个 ide 开发工具就可以了。然后， 呃， ui 界面设计，我这一次用的依然是 pixel， 当然我也用谷歌的 stitch 做了一版做对比，最后我还是选了 pixel 的 一个作品。大概就是这样，如果你有任何想交流的，都可以在评论区留言。
87大白学编程
01:27查看AI文稿AI文稿我们接下来结合实战来去给大家说，为什么我们要基于 monoraptor 来开发，主要还是为了形成资产的高内距低藕合。这个呃观点呢，就是我们因为我们去采用 monoraptor 架构的话，能够去构建出来一些独立的 可迭代的一些 ui 原子能力，就是我们所提倡的 tailwind 的 ui 这个样式原子化啊，或者组建原子化，然后呢快速地去集成到文档中间，或者快速地去集成到你其他的一些 ai 业务场景中，从而形成闭环。那我们整体的项目呢？ model rapper 的 项目呢？其实比较相近啊，基本上假设我们给大家去开发的这个妙码 ai ui 库，基本上都会两个包，第一个 package 包呢，是用来存放我们的一些核心资产，包括基于 tailwind 的 ai 原子组件库，一些共享的函数，还有呢共享统一的 ts 配置。 这一套架构下来，其实基本上能够对标大厂的项目，能够对标一些开源的项目了啊，大家平常写的那些单体 仓库的项目呢？其实以后啊，大家再去面试，或者说后续把它作为你的重难点来去说的话，它的力度肯定不够。再然后就是 websites， website 这一部分呢是应用消费区，这个是什么意思呢？就是我们在 这个纸包中间开发的一些内容，你要做调试，要做 debug， debug 的 模块就在 docs， 这个是基于 raspress 的 组监库文档构建来实现的啊，那还有很多关于工程化相关的，比如说 hashkey， 还有呢这个 e s link， 呃， commit link 等等啊，这些就是我们整个架构的一个完整的链路啊。 top 图。
10:20查看AI文稿AI文稿大家好，不知道你是使用什么工具来启动 clock code 进行编程的，那最近呢，我试用了好几款这种 clock code 的 编程工具啊，每一款工具在使用的体验上都差距特别大，那本期视频就给大家介绍一下我使用的这几款 clock code 编程工具，看一下哪一款更适合你。首先呢，我对 clock code 的 这些编程工具 有以下诉求，第一个呢，就是一定要使用这种终端命令行去开启 curl code， 这样不使用 a c p 的 方式，终端是一等公民最好。那这句话什么意思呢？比如说我们在这里打开终端，然后 我们去启动的时候，那在终端里面我们是可以使用 coco 的 所有的命令的，但是如果你使用 a c p 的 方式，那所谓的 a c p， 就 比如说这个，那么是它自己做的这种输入框啊，去跟 coco 进行通信，那么有些命令它就用不了。比如说我们要想用 查看插件这个命令，他就会提醒我们要使用这个终端命令行打开这个命令，所以他不是所有的命令都支持的。第二个要求就是一个界面啊，可以开启多个终端，多个项目， 因为我们在开发过程中啊，经常要开启克拉扣的，还要开启我们的，比如说 npm 去启动前端项目，有可能像我们还要开启这种 kimi 其他的编程工具，比如说 open code， 那 我们可以在一个界面里面去开启多个这样的指令，或者说多个项目的话是非常方便的，省得我们切来切去。 所以第二个是非常必要的一个条件啊，第三个条件就是可以在工具里面查看 markdown 文档，如果有预览模式最好，那这局为什么也是非常必要的？因为我们在使用工作流的时候啊，经常会产生一些啊文档，比如说 stack 文档 啊，计划文档，任务文档，那这些文档我们是自己要去省略的，那如果说这个编程工具都不支持省略文档，那么你要用通过其他的工具去打开，这样就很繁琐了。那比如说在这款工具里面，我们可以打开一个这样的文档，那么这个就是一个啊接口文档，那么我们可以去看他的内容， 他也可以去预览一些复杂的一些流程图啊，比如说这种复杂流程图，那么你也可以去审阅他这种，比如说规格文档生成的这种规格文档，那么你也可以去看， 所以这是最基本的需要，因为我们需要去审阅这个文档有没有问题，所以这个是一定要有的， 那么你也可以是用原始的模式，那么就是我们 markdown 的 语法。这种最后一个呢，就是有方便的地的管理流程啊，比如说可以去查看地府啊，去创建分支啊，去进行可密的，或者创建用 pr 操作，能够点击按钮的方式，这操作最简单了，就不用自己再去手敲命令。 那这四个点里面，中间两个点是必须要有的啊，不能缺，缺的话就不在我这个筛选范围之内，那另外两个呢？可以稍微降低要求。 那么基于以上四个这个诉求啊，那就已经排除了一些啊，我经常用的，以前经常用的一些工具啊，比如像 vs code， 或者说电脑自带终端啊，或者说这个 item， 或者说其他的，比如像这个 ghosty 啊，或者说 smokes 啊，那么这些 都是纯终端的，那么也是排出在外面的。那么以下的这五个就是我最近一直在使用的，然后我对每每一个这样有有这样四个维度来对比一下，然后来给大家讲解一下每一款这些工具是怎么个体现的，然后屏蔽的结果是什么样子的。 第一个是 z 的， 那在我的视频里面经常用这块工具来给大家展示这样个项目开发过程，那么它是支持全部端的都可以下载来使用，那这个就是 z 的， 那么它跟 vs code 是 非常像的，但是它的启动速度比 vs code 快 非常多。那 z 的是怎么来启动 color code 的 呢？ 那么它有两种方式，一种是它官方出的这个 a c p， 然后我们可以在这边开启，然后的话你可以在这边去安装它，这边不仅也支持这个 cloud code， 也支持像 open code 的， 或者说像这个 kimi 啊， coser 都支持这种终端模式，那么你可以直接在这边去对话，但是呢就像刚刚我讲，他使用的是这个 a c p 的 模式，所以说有些命令是不支持的，那么除了这种方式启动的话，你也可以使用终端的方式启动， 那启动完之后，那么你就可以这边去使用了，那在这里的话，你可以去创建多个项目啊，这边也是可以去创建多个项目，那么你就可以在一个界面去管理不同的目录啊， 然后除了这个之外，那么你在这边是可以去看到我们的这个项目的这个文件啊，这边是它的文件目录，那么你也可以在这边查看 markdown 的 这个详细内容啊，然后去进行审阅。但是呢，在 z 的 里面， 终端并不是一等公民啊，他自己推出了这个 agent， 或者说他自己自带的 ai 工具，是一等公民。所以说你这个终端的位置调整就很麻烦，比如说我，我这边要开启多个的话，只能这样并排着，没办法像这样竖的， 这样的话，我就操作起来就要去切换这个窗口啊，比较麻烦，而且它这个位置调整也是比较费劲的，那么在 get 里面也能很方便去管理我们的 get 的 操作啊，比如说这个全选，那这边的话是可以 kimi kimi 的， 然后也可以去提交 pr 请求，非常的简单方便啊。 第二款就要介绍最近开源的这个 wap 这个工具啊，那这个工具是非常有意思的，那么它是通过终端的方式，你可以开启这个 agent 和 tiffany 的 终端，然后去开启我们的这个 cloud code， 然后它这边对所有的这个终端命令都有种快捷方式，你看比如说 cloud， 它这边就会有一个这样的快捷方式，按下 table， 它就帮你输一输好了，有很多这种提示啊，就任何的命令它都会有提示，非常方便，非常好。 microsoft 文件预览的话，它这边也是做的非常不错的，比如说我们可以看一个啊，这样的一个文件，那么它支持这种啊，预览格式也支持这种原文格式，那么你可以看到所有的这个内容，也可以看到这样 核心的这个流程啊，也是非常不错。但是呢，它对于 get 的 这个啊管理的话，目前只能看到就是啊所有的变更 啊，并不能说去操作 command 或者说去提交。第三个呢，就是 wave 这款工具，启动 color code 的 话也是用纯终端的方式，它这边可以开启很多终端，比如说开这样三四个终端，然后你打开之后呢，你可以把这个终端可以放大啊，比如说你可以在这里操作， 然后的话你也可以去查看，就是我们具体的一个文件啊，但是他这个打开的话是默认是在个目录里面，你需要自己去找到你的这个所在的目录看一下， 然后的话你可以是放大，然后的话可以使用 pro v 模式，这样的话就能看比较清晰了，能看到他的所有信息，还有这样的流程图，非常方便。但是呢， vivo 这款工具现在没有 get 管理啊，所以就少了一个很重要的功能， 那 vivo 呢，也是可以开启多个项目的，比如说你可以在这边去新增多个 table， 那 每个 table 你 可以去进入不同的目录， 那就代表了就是不同的项目。那接下来就是这款 conduct 了，目前只支持 mac 版的这个系统下载啊，这款工具呢是跟 get 结合的比较紧密的，所以呢，你在用这个工具之前，一定要把这个项目 get 输出化一下， 然后你可以看到在这边会有两个项目，那么你这边也可以创建不同的 workspace， 大家点击创建之后，它就会创建不同的分支 啊，然后开发完之后，它就会通过分支合并到主分支的方式，那这样的话可以很方便的去进行管理啊，然后这边也是可以添加不同的项目，那你在这边是能看到不同的项目来同时协助了，那么它的 cloud 的 使用方式就通过 a c p 的 方式， 那么在这里面你是不用去启动啊终端的，那么你直接可以在这边操作，你也可以使用里面的命令，但是有一些命令你是用不了的， 那比如说我们去查看插件呀，这种安装插件呀，都需都需要单独打开终端才可以，那么它也是调用你本机装的这 clock clock 的 实力啊，所以说这个模型就跟你自己本地配的是一样的。 那么再看一下 conductor 的 key 的 操作，如果你有任何的变更，你在这边可以看到变更的详细的情况，你也可以通过这个按钮 review， 然后发送一条这样的对这个 review 进行一个你的这个代理的一个审查啊，就看一下这个 review 的 有没有什么问题， 如果没有什么问题之后呢，你可以点开这个 checks， 那 么你是可以进行 kimi 的 和这个 push 的， 然后它也是通过这种代理去直接去操作， 所以是非常方便。就如果你的项目跟 github 是 紧密关联的，那么你可以使用这款工具啊，它跟 github 的 工作流结合的是非常好，非常方便的。那这一款就这个 super side 这款工具的话，也是非常有意思的。那首先我们来看一下它启动 color code 的 方式啊，它它自己内置了很多这样的命令，比如说我们点一下它就启动一个这样的 color code 的 实力，那我们点个 code x， 它就启动 code x， 非常方便，而且它这边的话也是支持可以去开启多个这样的项目啊或者终端啊，在这边可以去开启多个这样的项目同时去运行啊，你也可以看到所有的文件，比如说你可以看 markdown 的 这个详细的内容 啊，也支持用这种原始的方式和预览的方式。那么如果有变更的话，你也可以去这边查看它的这个 changes， 那 么也可以去很方便进行 cmd 操作。 这款工具非常好用啊，但是呢，它有个问题，就在你长时间运行这个 curl code 这个编程之后啊， 他有些中文会变成绕吗？这个非常奇怪。那以上就是我对这五款工具的一个介绍啊，那最后我来对这五款工具进行评比啊，只是基于我自己的使用经验，那别说自己的我会给他三颗星，那么他是基本上符合了我的诉求啊，虽然说他的终端面料好啊，不是一等公明，但是也算是还还挺好用， 然后 rap 的 话也是非常不错的。然后最近我是在使用它，因为它这个快捷方式啊，它这个字典呢，觉得看着非常舒服，虽然说它不能进行 get 管理，但是应该是可以用其他的方式来实现的， 所以我也给了三颗星。那 vivo 的 话，因为它缺少这个 get 的 管理啊，所以我只能给他两颗星，那可能也是非常不错啊，最近也拿到了融资，说明它在市场上是有一定的产品力的。 那 success 的 话，因为中文乱码的问题，我只给他两颗心。如果说他解决了这个中文乱码的问题啊，我觉得可以给他三颗心，也是非常不错的。那么以上就是我对这些工具的一个介绍和评比了，也不知道你使用的是什么工具，然后这些工具哪一款会比较适合你的口味呢？
561AI随风
02:54查看AI文稿AI文稿大家好，欢迎来到本期技术教学，今天要分享的是如何用 c c connect 把路由连接到飞速。这是一套全平台的完整配置方案， 无论你用什么系统都能轻松搞定。话不多说，我们开始吧。先简单介绍一下 c c connect 是 什么，它是一个桥接工具，能把本地的 ai 编码代理连接到你常用的消息平台。最关键的是，大多数平台不需要公网 ip， 只要有网络就能用。它支持路由到路由、 codex、 gemini、 cursor 等十多种 ai 工具，覆盖飞书、钉钉、 telegram、 slack 等十一个平台。简单来说就是让你在哪都能用上 ai 助手。整个配置流程分为六步，如下所示，稍后我们会详细演示每一步的操作， 至于为什么要用非书，如下所示。除此之外很重要的一点，微信 cloud bot 只能连接一个工具，相信很多朋友已经连接了 opencloud 或者 harmys agent， 理论部分就到这里，准备好开始了吗？接下来我会一步步演示如何完成 c c connect 配置，记得点赞收藏。运行 n p m 安装命令 a few moments later 安装完毕，运行 c c connect， 再运行 c c connect web 这时候会启动九千八百二十端口，打开网页，加载不出来，不用管，重新 c c connect 启动服务， 这就进入到 web 管理段了。点击侧边栏服务商， 我这里选择了从 c c switch 导入。当然如果你没有 c c switch， 也可以添加服务商。 点击侧边栏项目，点击默认的这个 my project， 点击服务商添加提供方，选中刚才的服务商并点击使用。 点击设置，把工作目录设置为你项目的工作区下面的权限设置可以设置为 user， 这里我没有演示。点击保存，回到上方的概览， 添加平台，选择飞书，打开你的手机 app， 扫二维码， 创建机器人成功后点击立即重启，再次点击立即重启。 这时候在你的飞书上给 cloud code 发消息吧。 c c connect 服务通过紫禁城启动了一个 coding agent 的 c i 用 s t， d l 和 jason 来通信。 悟空开镜。
697MIP耀的技术分享
02:39查看AI文稿AI文稿今天拆解一个硬核开源项目 incos， 专门用 i 自主写小说。四 akista penman 下载三十六七 k 运行命令，按照 penman igx or concos 按自主写小说，写生态全程结果 支持玄幻、仙侠、都市科幻多种风格巨写，分外同人房写，全覆盖人工审核门控，确保您始终掌控权局 incos studio 二没发布直接运行 incos 启动本的 web 工作台， 书籍管理，章节编辑，写作进度全部可缩化。拎 course 同时发布运行 in course two 进入全屏交互仪表盘，对话式创作 flash 命令，自动补全 多黑卷的写作是核心。雷达扫描趋势，规划式制定意图编排式编上下文，建筑式规划专题结构，携手 agent 宣称正文观察者提取九类事实，反射器输出 sound out 国语化器控制字数。最后审计员三十三维度审查连续性审计员从三十三个维度检查草稿、决策记忆、物质连续性伏笔回收大纲偏离修饰节奏，起哪弧线审计都通过自动重写，内置 i 痕迹检测， 自动识别 line 为表达词汇，疲劳词表、经验句式、文风、指纹注路，从源头减少 i 生成痕迹记录起始章节类型、状态、预期回收时间全部可控。 新打弧线之中同样惊喜每个角色每章的情绪状态、触发事件强度值，弧线方向全部记录主角，从绝望到觉醒，全程可设化。每本书围绕七个真相文件作为唯一事实来源。世界状态资源账本会闭合伏笔各章摘药。直线进度，新打弧线，角色交互矩阵，历次账本之中资源变了， 直线进度板监控直线活跃状态，体彩画像根据不同类型配置独立审查维度和疲劳词库三种使用模式，完成关键一键写作。源自命令，可组合调用自然语言对话，直接说想写什么立正自动变牌执行 去写已有作品，导入章节后自动立享工程期的真相文件，支持断点续导，无缝继续创作，守护进程。 encrypt 启动后台循环自动写账通知推送，支持 telegram 飞速企业微信关键问题暂停等人工审核。本的模型全兼容，支持任何 open 来剪用接口中转转剧谱全部哪里都能用。 stream 自动降级 fallback 解析器处理不规范输出可信，保障每张状态快照可回滚，写前自检表，写后结算表文件所防病发作。 steam 僵硬 换数据直接拒绝不滚雪球实测数据三十一张，完成总字数四百五十二，一百九十一，平均涨涨十四五百字，审计通过率一百至尊四十八的资源效二十条活跃伏笔， jtop sonar coincos 异形命令安装，更多功能等待你探索！
75黑白
06:12查看AI文稿AI文稿这一期视频亮哥教你们怎么下载安装 cloud code， 把亮哥昨天踩过的坑跟大家说一下，让你们少走点弯路。第一步，如果你是 windows 系统，你得先下载安装 get， 这个是官方网址，选择 windows 叉六十四，下载完成了之后 就来到了第二步，第二步是下载安装了 code 的 本质，在这里面你们就容易遇到第一个坑， 当你用官方命令行去下载安装的时候会报错，你把这一行命令输入到这个终端窗口，按回车的话， 大部分的电脑会报错，会出现红色，为什么呢？因为 iso 公司的话，它是默认不支持中国用户的，除非你方强使用 vpn。 所以 说这里面我们就想到了第二个方法， 用这一行 mini 按个实测过，这一行 mini 复制粘贴到你的终端运行的话，是能够成功下载的。 你是 windows 系统的话，就用上面这行 mini， 你 是 macos linux 系统的话就用下面。大家要注意截图，这两用豆包截图，让它提取内容就行了。如果你的网络好，差不多一分钟左右就能下载完成，网络不好的话，半个小时以内也能够完成了。 如果你不知道你是否下载好了，你在你的终端输入这行命令 call 杠 v， 看它有没有显示 call 的 版本号，我这边显示是二点一 点幺二九，说明它下载的是这个版本已经下载完成了，跟检验 open call 一 样的，你 open call 是 否下载完成，你也可以输入 open call 杠 v， 这第二步就完成了， 那么就来到了三步。第三步，你得给你的 cologold 的 配置 apikey， 它的配置方法其实跟 open cologold 一 样，也需要把这个模型的 apikey 配置进去，也得把八四 u r 配置进去， 和模型 id 也配置进去。很多人他在启动的时候就报错了，因为 cologold 的 默认是用 cologold 公司的模型，就是 isokey 公司的模型。 大家知道阿斯公司推出的模型就是 cloud opens 四个六，这个模型它已经不支持 open cloud 了，当然它也不支持中国的用户， 至于中国的用户，你想去到他们的官网去申请。用这个模型很麻烦，要么你可以翻墙你走代理，要么你就在第三方平台去申请。 像大家知道的第三方平台很多，优云智算，还有轨迹流动，还有我的视频里面给你们介绍的 u o a i 点 z n e 这个平台它也是支持的。还有最关键的一点就是 angelic 公司的模型非常贵，有可能你让克拉的扣给你做一件事情， 可能你几美元就不见了。像这个平台，它支持的克拉的扣的 iphone 十四干六， 还有 g p t 五点五，最近刚出来的 kimi 二点六，还有 mini max， deepsea， 这些都支持大家去申请。这些平台它都提供了这三部分，八十 u r a p i k 和模型 id。 当你要到这三部分的数据之后， 就把它填到这个引号里面，你看我这里面填的是 u c 的 八十九啊，中间这行填你的 apikey， 这是模型 id。 同样的，大家看到这里的时候 暂停一下，让豆包把这几行文字复制粘贴到你的终端，他就把你想要用的模型配置到你的卡尔扣的里面了。 大家也可以在评论区里面让我把这几行迷你给到你，这个时候你再启动你的 cloud code， 就 能够正常运行了。我试一下给大家看。这下面这一行是模式思考模式 啊， shift 加 tip 可以 切换，这是另外一种，这又是第三种，这一种是默认的，我问他，看他能不能正常回复啊，你看，从这上面可以看到，我用的是 dbc v 四 pro 模型， 在网络上很多主播他们推荐的另一种配置模型的方法就是你下载这个 cc switch， 这上面选选这个 cloud code 的， 这是 cloud code 的 图标，再点右上角这个加号， 也能够给 cloud code 的 配置模型。人配置模型也很多，你看这边支持优云智算第三方平台，这个是规则流动，还有一些国外的一些公司的大模型， 国产模型也有很多，质朴 kimi deepsea， 你 选择 deepsea， 在 这下面填这个 apikey， 把你的 apikey 粘贴到这里，它这个八十 u r 的 地址其实已经给你填好了，你选择好了之后 点添加就配置成功了，配置成功了之后就会在这个界面显示出来，你只要点起用就行了， 你要要要用哪个模型，你就点起用。这是两种配置 apik 的 方法，我教大家的这个配置 apik 的 方法就是它比较简单，不用动脑筋， 把这行这几行命令复制粘贴到你的终端窗口，按回车就行了， 它就配置到你的 cloud code 里面。讲到这里的话，基本上你的 cloud code 就 配置完成了。如果说很多人做不了这个终端这个界面，想要它美观一点，你就 下载一个 cs， cs 它是一个集成器，你所有的 ai 工具，所有的智能体都能够集成到应用里面，它的画面要稍微美观一点，我把这个 cloud code 结合了，这个 cs 操作也要方便一些。好的， 今天的视频就讲到这里，关注亮哥，每天给你分享一个干货内容，大家有什么不懂的可以在评论区留言，我看到了基本上都会回复。
131亮哥·AI实战
01:54查看AI文稿AI文稿如果还不会做干特图的大家可以过来看一下，干特图的主要功能呢，就是把脑海中的计划画出来，然后能够把帮你发现任务排期是否合理，有没有冲突。首先这就是项目的一个名称，开始时间， 这边呢就是项目的进程，项目学员考察，专利许可，项目逆向， 真的一直到量产啊。这边就是责任部门，哪些部门是责责任人参与的，有项目需求呢，就是技术部，后面就采购部，质量部。 然后子任务呢，可有产品标准、产品清单、供应商目录、供应商风险评估等，这是开始时间，结束时间，这周期多少？那已完成的呢，就是黄色，未完成就是蓝色， 后面就是他的一个进度情况，就比如说这两个任务是同时进行的，黄色呢是进行了百分之五十到这里，然后这边呢是百分之五十到这里。那么这个任务其实都是并列进行的， 用不同颜色标记已完成和进行中或者是质后任务状态呢，是一目了然的，让人清晰的看清楚每个部门的负责人在干什么，什么时间段负责哪些工作，避免呢？就是有哪些人闲置或者是过过劳。 这这干特图其实就是一眼就能看懂的图表，到时候向客户或者是向老板会汇报这个项目进度的时候，就是一目了。来啊，这个也在群里啊，大家要的自己去拿。
117老许的采购笔记
10:53查看AI文稿AI文稿本期分享 codex 零基础上手使用教程，覆盖了办公、编程、自动化等使用分享，让我们每个人可以轻松上手使用。开始之前我们先来了解一下 codex 与 cloud code 相比，它的优点有哪些，第一个就是有更多的额度， 第二个就是不会轻易地限制账号，封账号。第三个就是 ai 升图能力，目前是排名靠前的。第四个就是客户端安装更容易，容易上手。第五个就是不订阅也可以去使用体验，因为它有免费的额度，这是关于 codex 的 一些优势。 第一件事情就是要修改语言，在这里部分伙伴会因为网络原因下载的版本默认的会是英文界面，所以需要修改，如果是打开直接就是中文，可以跳过这个步骤，然后设置语言，是在左下角设置这里，然后选择 设置，然后在默认的常规选项里面，这里有一个语言，在语言这里我们选择中文，这时候就可以切换为中文界面。 下面我们来介绍一下它的功能，我们先从左侧说起，第一个就是新建对话，这里就是创建一个新的对话窗口，在这里我们就可以把它想象成 相当于我们换了一个朋友聊天，然后打开了新的绘画。然后第二个就是搜索功能，在这里就是可以搜索历史对话，这里我们就可以比喻为搜索和朋友的聊天记录。然后第三个插件，这里就是让 codex 更强大，赋予 codex 拓展功能，拥有操作其他软件的能力， 在这个插件这里，它还有技能。这就是我们前面分享了好多次的 skills， 如果大家还不了解，可以看一下之前分享的内容，然后第四个就是自动化， 在这里就是定时任务执行，可以直接去新建自动化功能。下一个就是项目，这里就是我们所有的创建的项目和打开的项目都会显示在左侧，然后下一个就是对话， 当我们在对话窗口没有选择任何项目的时候，我们选择不使用项目，这时候的对话内容就会在 对话栏目下面去显示，这就和我们网页对话使用是一样的，适合做的事情就是一些日常任务，比如搜索资料，写内容等等。分享到这里肯定会有好多小伙伴有疑问，就是上面的项目什么时候用，以及使用的场景是什么？在这里我来分享一下。 这里就是我们需要 ai 生成文件的时候，比如我们写代码，生成 markdown 文档，生成 ppt， 生成 word 文档等等，就是涉及到文件生成的，我们就可以选择创建项目，这样的优势就是生成的内容都会保存到当前项目文件夹，容易编辑和管理。 在这里我就是使用大白话来分享的，就是更容易理解一些，可能还是有些模糊，下面我直接实操，大家来看一下。 在这里我直接新建一个项目，然后在项目这里我们指过来就会有一个添加项目的图标，然后我们选择这里，他有两个选项，一个是新建空白项目，第二个是使用现有文件， 第一个就是我们直接新建，第二个就是如果我们打开某个项目的时候，就选择使用现有文件夹， 在这里我们是新建空白项目，然后我们选择新建之后，可以看一下它，这里就新建了一个项目文件夹。创建之后我们可以去修改项目的名称，我们只到项目名称这里，然后选择三个点，在这里有一个重命名项目，我们在这里 我们命名一下，比如命名为 demo， 然后保存，然后我们看一下对话窗口这里它自动选择的就是这个 demo 项目，在这里我们给它提示词，就是一句话，介绍 ai 生成 txt 文文本档， 然后我们直接发送。现在我们的模式是选中项目文件的，到时候它生成文件的时候，就是生成在当前项目文件夹下面。 好，这时候任务完成了，就显示已生成文本文档。 ai 介绍点 txt， 在 这里我们打开项目文件夹，我们来看一下，然后我们通过项目文件这里三个点，然后在资源管理区中打开， 现在就有了 ai 介绍点 txt 文本文档，这就是 ai 生成的文件内容。如果我们不选择任何项目， 我们选择不使用项目，然后我们再和他对话一句话，介绍一下你自己，然后我们直接发送，可以看一下左侧，他就在对话列表下面，没有在项目文件夹里面，这就是项目和对话的一个区别，经过实操演示，我相信大家已经了解了。 然后如何选择，就是涉及到文件生成，比如文文本档写代码，我们就要创建一个项目，如果只是单纯的和 ai 对 话查资料，我们就不用去创建项目文件夹，直接对话就可以。 下面我再分享一个个人感觉比较好用的功能，就是多任务处理，在这里我还是使用生成个人主页的任务来举例，因为这个应用场景每个人都可以用到，我们先选择我们刚刚创建的这个 demo 项目，然后我们把提示词 粘贴过来，在这里我们就是让它生成一个个人主页，使用 html 加 css， 然后还有就是一些风格指定，还有一些按钮的效果，还有页面布局等等，在这里我们就直接发送 在当前的任务进行中，比如我们突然有一个想法，我们可以使用这个技巧，我们想规定腋角的颜色，比如腋角使用灰色，然后我们直接发送，可以看一下它现在这个提示词就是在排队的状态，如果我们想让它立即执行，在这里我们直接选择这个引导， 可以看一下他这里提示就是提交但不中断模型运行，然后我们直接选择，这时候像我们给他的这个任务，他就直接插队插进来了，就不用等上面的任务执行完毕之后，再执行第二个排队任务， 这是关于这个使用小技巧，可以看一下第一个它会直接在当前工作区生成一个可独立打开的静态文件，然后它这里就有一个已引导对话，它就提示收到页脚，我会做成浅灰色背景，如果我们不点引导的情况下， 它就会等第一个任务执行完成之后，然后再执行页脚使用灰色，好，现在就生成完成了，然后我们打开看一下生成的效果，这就是我们生成的个人主页，这里我们直接自己去修改就可以。 下面我再来演示一下多任务，比如我们在当前项目文件夹下面，我们再有一次对话，就是什么是 ai 一 百字介绍，生成一个 txt 文文本档，然后我们 直接发送，这时候我们就可以在另外一个项目文件夹下面，我们直接选择开始新对话，然后我们再给他一个任务， 如何学习 ai 一 百字介绍生成文档，这时候就是同时进行任务，这就是多任务同时运行，当运行完成之后，他这里就会有一个蓝色的小点，然后我们再返回到项目文件夹，这时候任务就完成了，这就是多任务的应用， 然后下面我们再一起来看一下，就是创建技能，就是创建 skills， 我 们来到插件这里右上角的创建，然后选择 创建技能，在这里它就会显示一个 skill creator， 这就是创建 skills 的 一个技能，然后我们把提示词复制粘贴过来，在这里我们还是封装一个 ai 提示词，让它去制作一个 skills， 然后我们粘贴过来之后，下面给他的就是帮我创建一个写作技能，直接发送 好了，这时候提示我们创建成功了，它也给我们显示出来了这个创建的路径，在这里我们新建对话，使用我们自己创建的 scale， 让它帮我们去生成一篇文章，在这里我们输入斜杠，然后我们选择 技能，然后找到我们刚刚创建的，可以看一下这个是个人，然后我们选择，然后我们再给它提示词，就是什么是 ai 帮我写一篇 seo 文章，然后我们直接发送，像现在这个状态，它就是调用了我们创建的 skill， 这时候用我们创建的 scale 就 写好文章了，在这里我们只关注一个地方，就是我们提示词里面让它包含问答模块，这时候它也是包含的，它严格遵守我们的要求，这就是我们创建技能和使用技能的所有流程。 然后下一个我们再看一下插件的使用，在这里我再新建一个对话，我们使用插件就需要使用 at 符号去指定， 比如我们还是给他一个提示词，就是如何学习 ai 使用，然后艾特符号，然后我们选择 document 插件，这里就是这个 word 文档的一个插件，然后帮我生成 word 文档直接发送， 这时候就用插件创建好了文档，现在我们打开看一下它生成的一个效果，生成的效果还是非常棒的，它不是那些简简单单的文字，它是给我们排版好的，效果还是非常棒的，这就是 codex word 文档的生成插件的使用。 然后下面我们再来看它的另一个功能，就是自动化，在这里我们来到自动化这里，通过右上角，然后新建自动化功能，然后我们输入 就是每天学习一个 ai 术语提示词，这里就是每天上午八点给我推送生成一个学习文档，比如 token 是 什么， ai 是 什么？ webcoding 是 什么，就是每天八点让它帮我们生成一个学习文档，然后我们再选择一下项目，我们选择 demo， 然后每天八点在这里就是选择模型，我们就选择默认的， 然后下一个就是推理的设置，这里我们也保持默认，然后我们直接创建就可以，这时候就创建成功了，然后我们选择这个自动化任务，就可以看到它的一个运行状态，还有一些详情信息， 这就是关于这个自动化任务创建，也是非常简单的，都是可直观的操作。好到这里就是我们 codex 安装到使用的所有操作，我们本次分享的都是一些基础的使用，我们可以先上手使用，然后其他的再边使用边研究就可以。 在这里还有一个拓展分享，就是如果你使用 codex 是 一些日常的任务，大家可以到设置这里面，然后常规选项这里工作模式就选择 适用于日常工作的模式，像这样它的模型是同样强大的，就是技术细节更少一些。好了，这就是我们本期的所有内容，欢迎留下你的想法，我们下期再见。
7984掌舵者AI实验室
15:20查看AI文稿AI文稿好，因为昨天呢，跟大家聊到了 vivo 三和 low 的 js 全站开发，哎，给大家说到了这个外部服务器如何去创建，同时呢也在里面跟大家说到了 low 的 js 里面包括路由定义，接口， 然后定义完了之后呢，我们的写法是这样的啊，哎，好，那个刚才又有小伙伴在我们直播间问到说，今天聊什么啊？今天要跟大家聊到的是 vivo 三和 low 的 js 全站开发， 呃，刚才有小伙伴提到说，为什么要讲 log js， 怎么不讲 java 呢？嗯，当然全栈开发呢，其实后端的语言是很多的，比如你们刚提到的有 java 呀，对吧， person 呀，对吧？ go， 哎，包括 log js， 包括比如说 c c 加加 c， 下铺还有等等等等啊，这个说起来呢，还挺多的， 但是从我们前端开发的角度来说， load js 呢，是我们最快上手，因为 load js 呢，它是运行在服务器端的 js， 所以 说对于前端开发的小伙伴来说上手会更快，是不是？哎，我们像有些小伙伴，如果说你要走全站的话， 你可以先从 load js 开始，然后再选择啊，比如说 java， parse 或者等等一些其他的，当然后端语言具体选什么啊，这个我我不太好说啊，就像我们现在啊， 具体呢要看第一，你比如说入职的一些企业的一些要求啊，是不是还有呢，就是我们的一些项目啊，等等等等啊，所以现在很多企业呢，他是巴不得啊，你什么都会，是不是前端的各框架会，后端的语言呢，也会的挺多的，这个呢，是现在蛮多企业呢，对于我们开发者的一些要求。 好，当然啊，刚跟大家说到这一块，因为我们要聊到这个 loggs， 那 在昨天的代码里面呢，我们是跟大家写到了这一块，简单的先给大家这个过一下啊， 因为我们要去定义这个接口吗？是不是？哎，服务端要定义接口，也就说像我们的客户端呢，去提供数据以及相关的资源， 所以说这个接口呢，我在里面已经跟大家写好了数据呢，我们现在还没有去那个操作数据库啊，还没有去干一些别的事啊，所以这个位置呢，直接返回的就是比如 id 呀，标题呀等等信息，那把这个接口一旦写好了以后， 我们是可以直接通过这个浏览器来访问的，是不是？好，你看啊，我，我在这个位置呢，给大家那个访问一下，我们刚看到的端口呢，是三千，是不是？好在里面呢直接输一个 api， 后面写入一个 get info， 但是访问完了以后，这个时候它会有一个提示说啊，那个相当于说白了就说这个位置呢，相当于我们这个时候是访不了。大家一定要记得， 无论你起前端的这个项目是不是还是说启动我们 load js， 大家一定要记得这个地方呢要启动啊，我们要把项目呢给启动起来，那么在 load js 里面启动呢，它的这个启动命令是这样的， load 加上你定义的这个名字， 比如说我当前定义的这个名字呢，是哎，这个 so 点 js 对 不对？那我们启动呢，就是 load so 点 js ok 就 可以了。 好，那当我们的漏的这个命令启动成功之后，大家会看到我们在输入这个地址的时候， 你直接的可以拿到我们在里面，哎，就在我们的这个 body 题里面呢，相当于返回的相关数据，比如说扣的状态呀，啊，我们的那个提示是否成功啊？包括我们里面拿到的相关数据，是不是这个数据呢？实际上就是服务端呢返给咱们的。 那我们昨天在给大家说的过程中呢，同时也提到了前端的处理方式好，右边呢相当于是我们后端的代码，左边是我们前端的代码。那在我们写到前端代码的时候，第一步呢，先把我们的 excel 呢进行了二次封装， 那你一进来以后，我们这个时候实际上是就发送请求，对不对？好，发送完了请求以后，我们现在把这个数据呢给大家打印出来。同时呢我们在那个前端页面里面啊，来给大家看一下服务端这个时候给我们返回的具体是什么样的数据信息， 结果我页面刷新了之后，我们可以通过这个就是网络啊，给大家看到我们的该 infor 呢，实际上从那个状态来说，大家会发现，你看我们的这个访问啊，比如说端口啊，包括我们的地址 api， 是 吧？该 infor 啊，当前的这个类型啊，是 get 请求状态呢是两百。但是呢大家会在 我们的控制台里面看到跨域，昨天是不是有跟他去提到跨域啊？对，如果有些小伙伴对于我们的跨域不了解的话呢，这个位置可以好好的看一下 跨域呢，昨天已经说过有挺多了啊，今天我们在直播间里面呢，就不再给大家重复。所以说有些小伙伴如果对于啊，比如说啊，为什么要那个跨域啊？是不是？哎，对于跨域不了解的，可以看一下我们昨天的那个回放。 那么一那个要跟他强调一点是什么？就是跨运呢？说白了他是浏览器的一个安全机制， 其目的呢是为了防止一些比如说恶意的网站去窃取我们的那个数据啊，信息啊， 哎，其他一些资源呀等等等等，是不是？好，那如果是我们在开发的过程中，比如说出现了这个跨域，那我们的解决办法会有哪两，哪几种解决办法呢？好跟大家说到这个位置呢？我们今天要跟大家详细的聊一聊， 如果要是出现了这个跨域，好有同学说为什么会跨域？再次强调一下跨域呢？你可以理解为是浏览器的一个安全机制， 它实际上不是服务器的限制，它是浏览器的这个安全机制，是不是？好，那如果是出现了跨域，我们这个时候怎么去做呢？我们需要先明白一点啊，就是跨域到底是谁在拦截啊？进行相关的拦截。 那么跨越拦截呢？他是浏览器干的事，原因是因为比如说我们的协议不同，哎，或者说域名不同，还有就是什么端口不同，是不是这个时候呢？浏览器他就会去发出这个哎一些请求，相当于就是 那个响应拦截，对不对？他把这个位置呢？相当于就哎拦截起来了。为什么我们在这个位置会出现跨域，但是在浏览器里面直接输入这个地址的时候，他是可以访问的呢？因为我们直接输入地址是没有存在这个跨域访问的。 我们再来想一下我们当前前端的项目，我们访问的端口呢是五幺七三，那么服务端给我们的端口地址呢是三千，那么一旦出现，哎，就是刚提到的什么域名不同啊，包括端口啊，协议不同啊，是不是协议呢？就是 h、 d、 d、 p 以及我们的， 比如说 h d、 d p、 s 对 不对？域名不同呢，就比较常见了，比如说什么哎，大家看到的什么点 com， 点 c， n 呐等等等等。端口呢就是哎，我们一个端口呢是五幺七三，另外一个呢是三千， 对不对？那这个位置呢？都会哎导致呢我们的这个哎，就是浏览器呢进行一些拦截，也就是我们提到的跨域安全机制限制。 好，那如果是出现了这个问题啊，限阶段我们比较常见的方式呢，是有以下两种，第一种呢就是前端通过代理的方式，第二种呢就是后端去处理，是不是？好，所以我今天再给大家聊的过程中，我们先来给大家聊一下，第一种啊， 如果要通过前端代理的方式去实现我们这个位置，具体怎么样去做呢？当然也有些小伙伴会问啊，说，那我们要是在实际开发的过程中去实现我们这个位置，具体怎么样去做呢？还是由服务端？ 我一会给大家聊完了以后，这个思路你清晰了，你可以根据你自己的情况来，并不会说啊，一定是前端处理，或者一定一定是服务端，但各有利弊啊。好，那如果我们现在要是由前端来去解决这个跨域的问题，我们在里面怎么去做呢？先给大家说一下， 要通过这个代理，代理呢？在我们的这个文件里面，哪个文件？我们的这个啊？这个文件叫什么？ vinterconf， 点击 s， 当然你的那个脚手架也就说白了咱们的构建工具不同， 那么我们啊，就是在项目环境构建成功之后，它这个地方不见得一定是 wait， 就是 有小伙伴会说，哎，我，我当前是通过这个，哎，就其他的一些脚手架，是不是，那我们不是这个 wait 啊？反正你记得就是我们相关的这个配置文件。好，那进来了以后在这个地方呢，它是拥有一个叫什么 iso， 对 吧？ 这个里面呢，我们比较常见的，比如说去配置什么端口，对这个这个访问的端口呢，你在里面默认情况下是可以改的，比如说我们的那个 vivo 三项目嘛，它的这个端口地址呢？默认是五幺七三，对吧？你比如说后期我要把它变更为八零八八或者八零八零，对吧？都可以，单端口呢，是唯一的啊，你不能变一样。 这个代表的意思是什么呢？就是咱们的浏览器呢，他是可以自动访问的。好，那如果我现在在这个地方，因为我们现在碰到了这个跨域了吗？是不是？所以我在这个位置要干的事是什么？通过代理的方式，哎，我们要通过这个代理的方式呢，去解决跨域， 所以前端想要解决跨域，我们要通过的方式就是代理。那代理呢？你在里面要写到的第一个呢，就是咱们的这个叫什么 break state 对 象，哎，那么 在这个地方它的这个作用是用来干什么呢？比如说你，哎，说白了就是说把我们的那个请求的地址呢，去进行一个替换。好，那在这个位置我们具体怎么样写？ 我们前面不是都给大家添加了一个前缀吗？我们写到的啊，写到的叫什么？叫 a p i， 是 不是？好？然后这个位置呢？可以理解为就是我们请求地址的前缀， 所有以 api 开头的地址全都代理为我们在里面写到的这个目标地址，明白没？好，那你在这一方写代理。呃，写这个目标地址的时候，我们代理的地址是什么啊？那跟大家写到的是 local host 的 端口呢？啊？是那个三千，是不是？好，再给大家强调一下， 也就是说所有 api 请求的地址，我们全部的都把它进行了一个地址那个替换。 为什么我们在比如那个最前面跟大家说的时候，我们的路由里面要去配置这个前缀呢？原因也在这。哎，你配置了全那个前缀之后，相对我们控制起来呢，会比较方便，是不是？所以现在跟大家写到这一句呢？大家记得就相当于是我们的请求地址的前缀， 把所有以 api 开头的地址全都代理为我们在里面写到的这个目标地址，好，记住没？那当然你在里面呢也可以去设置，比如说我们是否要清除这个 api 前缀，还是说不用清除， 那同时你在里面呢还可以配置多个，比如我这一方把 api 呢要配置什么？我要把里面写到的，比如 abc， 我 要配置什么？它是可以支持配置多个的啊，这个位置呢？想配都可以的。 那是不是我在这一方把这一句话添加完了以后，我们在浏览器里面直接刷新访问的时候，我就可以解决跨域的问题呢。好，你看我刚才跟他把这块写完，写完了以后大家会发现 我们在这个位置哎，还是可以看到，就是当前在跟他写到这个位置的时候可以看到，还是呢有这个叫什么哎？就是跨域，对不对？那我们在这个位置如何去解决这个问题呢？嗯， 好，行啊，刚才跟他说到这块这个位置呢，我们需要先了解，就是比如说我现在已经把这个哎地址呢给大家都那个写好了，对不对？那我现在在里面访问的时候，我如何去解决这个问题啊？我们在里面怎么样去解决？ 好？刚才在给大家说的过程中，由于我们已经把这个地址呢给大家那个写好了，对不对？我， 那实际上啊，就是在最开始跟大家写的过程中，有些小伙伴还记不记得我们在里面写到的这个 u i l 地址是不跟大家写到的是这个呀？我们写到的地址是不是这个对不对？ 那由于你现在呢解决了这个跨域，我想问一下，你说我们在这一方在写这个地址的时候，这个位置的地址你们觉得我应该写成是什么比较合适？嗯， 好， ok 啊。那个反问一下有些小伙伴，因为这个地方的话呢，平时有蛮多小伙伴呢，经常会问啊，就说如果说我们解决了相关的这个跨域问题，那我这个时候在里面写这个地址的时候，我们的这个地址应该写到的是什么啊？就是比如说我在里面解决了这个跨域之后，哎，对，你们知道不 好，我们停顿一下啊，因为刚才有一些小伙伴呢，在这个位置反复的问到了这个问题。嗯，好，那刚才跟大家在这个位置写的时候，由于我们的这个地址呢，已经发生了这个变化，是不是来我在这个位置呢跟大家这样去写啊？就是 比如说我们我们现在在这个地方呢，我先把它给那个注设了啊，好，我在这个位置正常访问的是这个地址啊，对不对？我是不是在里面要跟大家写这个地址， 假设我现在写这个地址的话，大家会发现我们现在在里面呢，哦哦，他说这个没有啊，来，我等一下啊，我好我在这个这个地方呢，我来给大家调整一下，这个其实也不受干扰，是不是就是我们默认情况下啊，我们在这个位置跟大家写到的地址呢？是不是在这个地方已经给大家定义好了，对不对？ 那我把这个地址定义好了以后，但由于我现在在里面呢，我要去解决我们的这个跨域的问题，我们要把所有的这个以什么以 api 开头。好，你看啊，我现在在里面呢，我跟大家这样进行一个变更，你会发现我们相当于现在的这个就是请求呢，它就可以 正常地去拿到服务端返回的数据。所以有一些小伙伴在我们的直播间不是平时都会问到吗？说如果我要是配置了这个跨域啊，我在里面写入了所有的 a p i， 要把它呢，哎，就添加一个代理变更为我们现在看到的这个地址， 那么大家会发现我们不仅仅只是在这个代理里面呢，去做一个这个，哎，就是一些地址的变更，你还要在里面去干什么？就是我们的访问地址前面刚才跟大家写到的这个地址，我们最开始写到的这个地址，大家记得也要把它呢直接的删掉，记住没 处理完这一切之后，你看我们现在的这个跨越报错是不是就不会再出现了？大家可以发现这个时候我们再查看这个 get info 数据呢，就已经可以正常拿到。所以如果是前端处理这个跨域，刚才给大家聊到的方式，不知道小伙伴们明白了没？嗯， 好，我刚说到的这块，不知道小伙伴们呢是否已经明白了，就是反正你要记得啊，前端咱们要去解决跨域的话，你要说他简单，他也挺简单的啊，无非在这个位置呢，把这个地址咱们去发生一些概那个改变完了之后，在我们的这个目标地址就可以了。 哎，但是我现在想问大家一个问题啊，也是我们平时在面试那个过程中呢，就是啊，大家可能会碰到的比较多的一个问题， 别人可能会这样问啊，说为什么啊？为什么我们添加了这个代理以后，他可以，比如说啊绕开 对不对？哎，相当于我们在里面呢就可以绕开了这个跨域啊，啊？为什么代理呢？他可以绕开，我想问一下啊，你看我们刚才在那个访问的时候，不是跟他反复的强调吗？说跨域拦截呢，是浏览器干的事是不是？ 那为什么我就在里面只需要添加一个代理完了之后，哎，我们刚才提到的这个跨域的问题，他就可以绕开了呀。嗯， 有没有小伙伴回复一下这个问题？这个问题呢是我们在面试的过程中比较常见的啊。好，那针对这个问题呢，我我也跟大家简单的说一说啊，如果近期有面试的小伙伴可以好好听一下刚才呢。
32前端芳芳
06:45查看AI文稿AI文稿大家好，我是大叔，只说真话，只做实在事，只给干货。大家好，昨晚本来想着早点睡觉了，结果看到后台多了几十条私信，大家都在问同一个问题，就是怎么在同一台电脑上运行多个独立的 hermes agent。 如果用同一个配置，很容易搞 appme， 互相干扰，记忆和绘画历史也混在一起。 hermes agent 提供了 profiles 功能，可以完美解决这个问题。认真看完这篇教程，你将学会创建和管理多个 profile。 三种克隆方式，命令一 p 标志年性默认值的用法， 配置独立网关和机器人令牌，还有更新、导出、导入和删除操作。咱们直接看内容来。先了解一下什么是 profiles。 简单来说，就是一个独立的 hermes 主目录，每个 profile 都拥有独立的配置文件，包括 config 点 emo 点 inviso 点 md， 还有独立的记忆数据库、绘画历史 技能库和状态数据库，这样就能为不同目的运行独立的 agent， 比如变成助手、个人、机器人、研究 agent， 它们互不干扰，完全隔离。最方便的是创建一个叫 code 的 profile， 马上就能用 code chat、 code setup、 code gateway start 这些命令。好了解了概念，咱们看看怎么用。快速开始非常简单，只需要三步。第一步，执行命令 hermes profile create code， 这会创建一个名为 code 的 profile， 同时自动生成命令别名。 第二步，执行命令 coder setup， 按提示配置 api 密钥，选择模型提供商，设置默认模型。第三步，执行命令 coder chat， 就 可以与 coder 这个独立的 a 键开始聊天了，就这么简单，一共有三种，满足不同场景需求。第一种，空白 profile， 执行命令 hermes profile create my bot， 这会创建带有捆绑技能的全新 profile， 然后运行 my bot setup， 配置 a p i 密钥模型和网关令牌。第二种，紧克隆配置，执行命令 hermes profile create work 加 clone 参数， 这会复制当前 profile 的 config 点 emo 点 n v 和搜点 m d 共享相同的 api 秘钥和模型，但拥有全新的绘画和记忆。第三种，克隆全部内容执行命令 hermes pay profile create backup 加 cloneout 参数， 这会复制所有内容，包括配置， api 秘钥、个性、所有记忆、完整绘画、历史技能、定时任务插件、相当一个完整的快照备份。你还可以从特定 profile 克隆，比如， 比如执行命令 hermes profile create work 加 clone 参数，再加 clone from code， 这样就能从 code 克隆配置到 work。 创建好 profile 后有三种使用方式，第一种，命令别名，这是最方便的，每个 profile 在 波浪线斜杠点 local 斜杠被斜杠名称目录下，自动获得命令别名。 比如你可以直接用 code chat 与 code agent 聊天，用 code setup 配置 code 的 设置，用 code gateway start 启动 code 的 网关，用 code doctor 检查 code 的 健康台，用 code skills list 列出 code 的 技能。第二种，使用 p 标志，这是最灵活的执行命令 hermes 加 p code 再加 chat， 或者执行命令 hermes 加 profile 等于 code 再加 doctor， 甚至可以在查询时指定 hermes chat 加 pcode 加 q。 后面跟 hello。 这种方式适用于任何命令。第三种，粘性默认值，最适合长期使用。执行命令 hermes profile use code 之后执行 hermes chat 就 默认针对 code 执行。 hermes tool 也是配置 code 的 工具，如果想切换回默认执行命令 hermes profile use default 这类似于 quebeco configuruse context 的 使用方式。另外， client 会实时显示哪个 profile 处于活动状态， 提示符会显示 code 加右键头符号，启动时会显示 banner。 执行 hermes profile 命令会显示详细信息。 接下来讲讲如何运行 gateways。 每个 profile 可以 作为独立进程运行。自己的网关拥有独立的机器人令牌，每个 profile 都有自己的点音频文件，可以配置不同的电报 discord slack 机器人令牌最棒的是安全令牌所机制。如果两个 profile 要意外使用相同的机器人令牌，第二个网关将被阻止，并显示清晰的错误信息， 这样可以避免冲突。启动不同 profile 的 网关很简单，执行命令 coder gateway start 启动 coder 的 网关。执行命令 assistant activate taway start 启动 assistant 的 网关，它们是独立进程，互不干扰。如果需要持久化服务，可以执行安装命令。执行命令 coder gateway install， 这会创建 hermes gateway system d 或 launched 的 服务。 同样，执行命令 assistant gateway install 创建 hermes gateway assistant 服务。支持的平台包括电报、 discord， slack， whatsapp 和 signal 都支持令牌锁定机制。 每个 profile 都有自己的配置文件，主要包括三个文件，第一个是 config 点 emo， 这里配置模型提供商，工具级以及所有设置。第二个是点硬币文件，存放 api， 密钥和机器人令牌。第三个是 c o 点 md 文件定义个性和指令。配置模型很简单，执行命令 code config set model， 点 default antropics 斜杠 close on the four。 设置个性的话，可以用 e q 命令。执行命令 echo 后面跟双引号 u r a focus coding assistant 点双引号， 然后从定向到波浪线点 hermes profiles coder 目录下的搜点 md。 如果需要设置工作目录，执行命令 coder config set terminal， 点 cwd， 后面跟上项目的绝对路径。这里有个重要提示，搜点 md 可以 指导模型，但不强制执行工作区边界， 如果需要可预测的起始目录，请显示设置 terminal 点 cwd。 最后讲讲如何更新和管理 profiles 更新非常简单，执行命令 hermes update 这会拉取一次共享代码，然后自动同同步新捆绑技能到所有 profile， 用户修改的技能永远不会被覆盖。管理命令也很丰富。执行命令 hermes profile list 执 行命令 hermes profile coder devbot 显示一个 profile 的 详细信息。执行命令 hermes profile rename coder devbot 可以 从命名 执行命令 hermes profile export code 导出为 c， 点 t r， 点击 z。 执行命令 hermes profile import code 点 t r， 点击 z， 从规章导入。 如果需要删除 profile， 执行命令 hermes profile。 delete code 需要输入 profile 名称确认，也可以使用加 yes 参数跳过确认。删除操作会停止网关移除 systemd 或 launch 的 服务， 移除命令别名，并删除所有 profile 数据。另外还支持 tab 补全。对于 bash， 执行命令 evo 后面跟双引号，美元符号 hermes completion bash 双引号。 对于 zsh， 执行命令 evo 后面跟双引号，美元符号 hermes completion zsh 双引号。好了，今天的分享就到这里，咱们回顾一下核心功能。第一，独立运行在同一台机器上运行多个独立 agent， 每个都有独立的配置 api 秘要记忆绘画技能和网关状态。第二，灵活创建，支持空白创建，仅克隆配置克隆全部内容三种方式满足不同场景需求。第三，便捷使用，提供命令别名、 b p 标志、年性默认值三种使用方式，克莱实时显示活动 profile 状态。 第四，安全管理，每个 profile 独立运行网关，支持令牌锁定机制，防止冲突。提供完整的更新管理和删除功能。如 你需要在同一台机器上运行多个不同用途的 groupon agent， 比如编程助手、个人机器人研究 agent。 强烈建议使用 profiles 功能实现完全隔离，这样可以避免配置和状态混乱。我是大叔大实测验证并整理，后续会持续革命性 session 的 相关内容，感谢观看，咱们下期再见！
78大书大
02:29查看AI文稿AI文稿一、净度猫，国产轻量标杆核心定位，干特图驱动的轻量级写作平台，国产工具，中文友好。核心功能，干特图思维导图双向联动，一键生成、排期自动计算、关键路径任务多级拆分、 依赖关系、 fsss 等基线对比、里程碑管理，看版列表、日历多式图、文件斜坐、微信提醒，多端同步。二、 monday com 高度可化定制，核心定位，模块化工作操作系统， 以视觉化与自定义建掌。核心功能，看板时间轴、干特图、日历表格等多式图自由切换。高度自定义版与列三百加模板 自动化规则，与 ai 助手实时协做，文件管理，数据仪表盘第三方集成丰富。三 rock 企业级全能管理 核心定位，企业级项目组合管理工具，功能全面，适合复杂组织。核心功能，干特图、看版列表、日历多式图 资源负债管理与公式统计、自定义工作流自动化实时报告预算跟踪、跨项目 portfolio 管理，企业级安全多语言跨国团队协助 a p i 集成。四、 esna 敏捷协助明星 核心定位，现代化团队协助工具简洁高效，适合敏捷与常规项目核心功能， 任务层级清晰，项目任务、子任务看版列表、日历干特图四式图， ai 助手自动分配任务预测、延期风险 赋在个性化优化资源分配、实时评论、文件共享目标 o k r 管理与 google 生态深度集成。五、 gra 研发项目王者核心定位，敏捷研发专用管理工具， atlassian 旗舰产品 技术团队标配核心功能，支持 scrum canvas 混合框架、积压尺、冲字看板、燃尽图、 roadmap 高度可定制工作流问题类型，全线方案插件生态丰富。 market place 代码托管 bit bucket 测试管理 c f c d 集成详细研发报表。
16进度猫
