当前有哪些ai代码工具，例如trae

今天我们分享的是 ai 代码变现器工具的一个介绍，我们先讲国内的著名的就有三个东，三个变现器，一个是阿里的 qq， 腾讯的，阿里巴巴的自己的群。 先讲一下这个阿里的 qq， 这个是地址网站，然后它免费的话是五百额度，首页的话就是十四元，也就是两千的额度，后面的话就是七十每个月，这里是两千 额度，当然就是七十每个月。这个还是比较大家推荐去买的，因为他首页是非常便宜的，他首页是打了很多折的， 后面的话七十一个，后面你买不买就看你自己这个首页十四元还是比较推荐去用一下的，感受一下。然后第二就是腾讯的四十八点，他的地址是这个，然后他免费的两千额度，后面付费的话就是七十二每个月，还有一个高级版本就是一百五十八每个月。 第三个就是自己的车收了，他有一个免费版本，就是一个吹那个免费的，但是应该一般的这些工具还行， 比较复杂的话就是不行的，一般就是比较推荐这个收的模式的一个去也就是付费版本的一个，那个去比较好用，然后他的地址是这个 国内的话他就是性价比较高，然后就是看国外的，国外的一些可能强一点点，不会强很多，就是会强一点点， 但是它的价格比较高，就像 kodak， 科科索，还有那个 mini 三 pro 也是这个新出的这个它一般就是啊基础 一般都是一百四每个月，基础基础版本还有更高的一些啊，企业版还有什么 r 叉版本当然更贵，但也就是这些。

字节的 tree、 腾讯的 codebird、 阿里的 qwerder， 你 们更喜欢哪个？我个人认为 tree 更适合做大项目，因为它有一个功能叫做回退到本人对话发起前， 也就是说整个这个对话里生成的所有代码，它都可以回滚，回滚到之前没有生成这个代码的状态，这个功能是非常好。有人说，难道你不 review 吗？ 的确是，我可以 review， 但是有的时候我更多的是需要把我的代码通过打包翻译上传到服务器上进行运行。而且这一套流程一般都是自动的，只要你一提交代码，那自动会打包翻译运行。但如果发现有问题的话，你还得通过 get 来进行回滚。但是字节的这个功能 非常实用，一旦发现问题，直接这里回滚，然后再提交，那整个版本就会回到之前的版本。当然 腾讯的 codebody 我 也是买了的，那我用它主要是因为它有 codex 这个模型，这个模型真的是谁用谁知道，你可以用它辅助处理线上的问题，可以用它帮你做架构设计。它的回答真是非常惊艳，其他的模型差它真的是差很远了。 那腾讯还可以加购积分，那些积分你会员过期了，它的积分还在，这个功能还是挺划算的。再来看阿里的 qod， 不 但不能选择模型， 而且它一旦有问题也不能回滚。所以你不知道它底层用的是什么样的模型，给你生成什么样的东西，它还不能回滚，那如果用它还得到代码仓库去回滚。另外它的价格也不算低，所以目前来说没有什么性价比。

今天来教大家如何用两句话完成一个项目并上线。开始前我们要准备两个东西，第一个是编程工具，第二个是 cloudfire 编程工具，我用的是 trail 国际版，如果大家没有微编的话，可以关注私信我索要网盘地址， 我已经把安装软件放到网吧了。第二个是注册 cloudfire 账号，开发好的项目将会使用 cloudfire 来进行部署，如果没有谷歌账号或者 get up 的 话，可以使用邮箱进行注册。 在炫耀里面准备好你的提示词，那么我这一次准备的是我想做一个图片尺寸转换的一个工具，我就分两部分来介绍告诉 ai， 第一是我要做一个图片的小工具，第二是这个工具里面需要具备哪些功能，那么我想实现 能够转换 ios 和 mac 这两个尺寸。然后第二步是让 ai 帮 我按照 ios 二十六的风格来转换，我用的模型是机迷三 pro。 第三是告诉 ai 你 想做 app 还是做一个网页程序。整体的提示词没有先后顺序的区别， ai 会帮你调整顺序，提示词给到 ai 之后不需要人工参， 后面都是 ai 自动生成。完成后 ai 会打开一个 local host 的 一个在线地址，那这个是在本机运行的，可以打开检查一下开发的效果，如果没有问题，那就进如下一步 去登录你的 cloudfire 账号。最后一步就是输入第二段提示词，告诉 ai 使用 cf 命令部署 cf 命令， 你不用去管它到底是怎么部署的， ai 会自动帮你执行啊。这个过程中会首选一次登录，几分钟之后就部署完成，然后会返回一个在线的地址，你可以通过这个地址去访问 你的在线项目，在 cf 上面它会给你一个系统生成的地址，除了这个之外，你可以绑定一个自己的域名，绑定域名的操作我们后面可以再单独介绍一下。 以上就是今天分享的两段对话，实现一个项目上线，那么各位如果是有问题的话，可以私信评论告诉我。

各位彦祖一飞，请留步，祝大家新年快乐！这是我用 ai 在 本地部署的语音克罗大模型，克罗一段声音只要几秒钟，因为是本地部署，完全免费无限次使用。最重要的是我不懂编程，全程没敲一句代码，只是用大白话和 ai 交流。 而且我不仅让 ai 帮我把项目打包成了可分享的文件夹，随时打开就能用，还顺手做了一个工具网站，把二零二五年我收藏的几百个网站 全都放了进去。接下来我们一起去看看用 ai 部署一个大模型到底有多简单。我用的 ai 工具是翠，这是我第一次用翠，可以看到聊天记录，也才四十七次就搞定了我之前想都不敢想的事。进入翠，选择 solo 模式，它有两个智能体， build 适合从零到一， code 适合从一到二。这里我们选择 solo builder 模型，建议选择 g m 三 pro。 直接在对话框里输入，我要本地部署 index tds。 二，点击发送， ai 会自动思考，配环境装依赖克隆仓库， 很快就能下好了。在运行的过程中还是会有一些报错，我们直接将报错的图片发给他，他就能自动更新脚本。经过长达五楼的对话，终于部署好了，我们来一起看一下效果，祝大家 二零二六年暴富。原来部署模型也可以这么简单，在部署的过程中，我发现我更像一个精工，只需要把想法和问题说出来，全程让 ai 自己思考自己动。这种编程方式对小白来说简直太友好了。我相信在未来，编程不会再有门槛，因为门已经不存在了。

今天我们用原型和国产 ai 工具去复制一行代码，实现一个小程序的前端演示部分，最后还会和用 gmail 实现的版本进行对比。 好，我们开始开始之前我们准备好三样东西，第一个是开发工具，我们这次用的是字节的却， 然后第二个是微信官方提供的一个微信开发者工具，大家根据自己的操作系统下载相应的版本。 然后第三个是去微信公众平台注册一个小程序，那注册过程的话这边就省略掉了。然后创建小程序的项目文件夹，把相关的原型图片和文档放入其中，原型图片的话放在单独的一个文件夹中， 然后这份文档主要写的是小程序各个界面的一个跳转流程和键面对应的原型图片文件名。 做好这些准备工作之后，我们打开去，然后这里选择 ide 模式，不要选择 solo 模式，原因是 ide 模式更适合快速创建一个应用。然后我们打开项目文件夹， 在右边的聊天输入框输入我们的需求。这里需要注意的是模型选择豆包 z 的 一点八，因为这个模型是可以理解图片的需求的。内容我提前整理好了，内容是这些， 首先要明确我们需要创建一个小程序项目，第二点是该项目用于演示，不需要调用后端 api 接口。第三点是所有圆形界面图片存放的位置，第四点是根据模型图片创建相应的小程序页面。 第五点是界面之间跳转，参考小程序界面跳转流程这个马克堂文件。最后是规定一下他使用的一个框架，随便我们使用 react 框架点击发送， 他现在了解了项目需求和界面跳转的一个流程，他这边是需要创建一个任务列表来跟踪开发进度。 接着开始第一步出使化小程序项目，这个过程我就快进了，期间需要运行的地方点运行，需要确认的点确认就行了。 项目出使化完成后， ai 会自动启动项目，根据提示的地址在浏览器打开看到这个画面，说明出使化完成。 在左侧下方的命令行，按下键盘组合键， ctrl 加 c 停止运行项目， ai 会继续任务列表中剩下的任务。 可以看到任务列表一共有十一项任务， ai 刚才完成了第一项初步化任务，还有十项任务需要完成，包括各个页面的创建和页面之间的跳转。这十项任务的完成过程我也快进了，基本一路点运行就行， 大概经过十分钟，任务列表所有任务被标记为完成。 ai 提示启动项目，这里提示是否保留所有改动，我们点击全部保留，然后我们点击运行，可以在浏览器看到项目的登录页面， 证明项目基本已经创建完成。最后项目完成之后，还会有一个项目完成总结，可以看一下是否符合自己的预期。然后我们打开微信开发者工具，点击导入，选择项目文件夹。 导入项目时，其中 app id 可以 到微信公众平台的账户设置中获取 后台服务，选择不使用语音服务。点击创建，可以看到模拟器提示了启动失败， 这个时候大家不要慌，直接将提示原样告诉 ai， 让它来分析并知道你怎么解决。 ai 提示创建的是个 web 项目，不是微信小程序项目。 然后他就开始自行修复问题，创建小程序，配置文件，调整项目结构，适配微信小程序。那这个过程我也快进了。 最后， ai 完成了所有适配工作，并帮助梳理了一下。我们点击全部保留，然后让 ai 运行项目。 这时可以在模拟器中看到登录页面，但是还是有个错误。同样的，我们把错误告诉 ai， ai 提示了要修改项目中的 app id， 并把位置告诉我们。我们把 app id 填到指定位置后， 点击模拟器右上方的刷新按钮，项目成功运行。接下来，我们拿圆形图片与小程序实际效果进行一下对比。可以看到， ai 还原了圆形大体的内容界面，跳转流程没有问题， 但在细节上的把控几乎没有颜色，基本是按照自己来，所以总体效果我只能打个六十分。所以我用洁面奶重新实践了一遍。准备好同样的资料，打开洁面奶， c l i， 输入同样的需求， 让杰米奈去实现。由于过程比较久，我就挑重点说一下同样的杰米奈。第一步是创建项目模板，第二步安装依赖，第三步创建路由页面和配置文件，这些都和趣一样。但接下来最关键的一步来了，他开始读取原型图片来提升 ui 的 准确性。 先从登录和鱼塘信息收集页面开始，然后他完成了这两个页面更贴合原型的视觉设计，并将检查剩余的图片，以确保整个应用程序的细节一致。 最终完成了所有页面与原型匹配，跳转流程与文档一致，然后运行项目，验证所有内容的正确性。验证完成后给了一个总结，并提供了快速开始的方法。 然后我自己测试了一下，发现页面的内容字体太小，有些页面是弹出形式的，让他继续优化了下。最后总结一下，完成所有工作用时二十分钟左右，消耗将近一百万托肯，花费一点一七美元。 我们来看一下效果，可以看到效果还是相当不错的，很多细节都把握的不错，这个主要归功于君美莱对图片内容的理解能力， 总体效果的话可以达到九十分。好了，感谢大家观看这期我准备用去搭配智普的 g m 四点七，测试一下零代码实现后端的能力，记得点赞关注哦！

不写一行代码就能干出一个有推荐图书功能，还有数据统计。大明的毕业设计项目你信吗？我刚试了，我用的就是智杰那个不要钱的 ai 工具，叫翠， 说实话这个免费的工具用起来就比较折磨人，你必须要有十足的耐心，一遍一遍的跟他磨。关键的是，如果说我们真的是一点代码都不懂的话，就是用这种免费的工具他还是有问题的。 我们要想能快速的生成我们自己想要的功能的话，我们还是要略微懂一点代码的。 但是吧，这一次的折腾意义特别大，就是这个系统的话，基本上该有的他都有，就是借书的话是能够设置借阅的规则，还有一些创新点功能，比如说猜你喜欢出去大屏， 这一次我用七个小时用 v i 能搞出来这个项目，证明了一件事情，就是我们同学们 可以由以前的完全不会做到现在的话，我们只需要略微懂一点，就能够指挥 ai 把我们任何想做的一些功能项目都能够实现出来的， 我们要的只是需要花一点时间而已。那现在你最想知道的应该就是三件事情，第一，这个工具怎么用？第二，这个里面有多少坑？ 第三，用这一套方法还能做出来什么别的项目？大家都别急，我后面的话会一个视频一个视频的掰开了揉碎了讲给大家听，演示给大家看。 所以如果你现在有一个特别的想法的话，又不想在这个上面浪费太多的时间，我这里是有一整套攻略的， 就是我们这个毕业季的话，时间最宝贵，大家用最少的时间去完成一个能体现你水平的项目， 这笔账大家怎么算都是划算的，大家先点个关注收藏这个系列就是给大家专门准备的，等到你需要做项目的时候肯定能用得上。

hello， 小 伙伴们好，通过前两个的视频，我们已经装好了编辑器，可以写代码了，我们又装好了浏览器，可以预览代码了，那接下来我们就进入我们 html 的 主体验，来写我们人生的第一个网页。 想做第一个网页啊，哎，咱们分三步来走啊，首先我们先创建一个项目文件夹，因为你想想我们做一个网站里面会用到很多的素材呀，比如说图片、视频、音频，而且码文件都要放到这个文件夹里面，它好管理呀， 所以说那创建的这个项目文件夹呀，我们也称之为根目录啊，根目录文件夹，所以咱们先有文件夹，再去写我们的代码好吗？好，第一步有文件夹之后呢，第二步，我就可以通过我们这一个 tree ai 工具来进行编写我们的代码了， 当然写的时候呢，我们可以通过吹，它里面自带了一些 emoji 语法，写代码会非常的方便。好，我一边讲一边教给大家，那写完代码我们就会通过浏览器来预览喽，只不过我们的浏览器啊，我会教给同学们安装一个小的插件，可以快速打开我们的浏览器，更便捷。 好，脑海里是不是有分三步啊，咱们一步一步的来，首先我们先创建我们的项目文件夹，走着， 在这里呢，我已经在我电脑的 e 盘里面创建了一个 atm 五的文件夹。啊啊，同学们如果想看我们的素材的话，我在这里面都准备好了，你看我分的很清楚，同学们想要我这个讲课的笔记吗？哎，在这个笔记文件夹里面想要看我的视频吗？在视频文件夹里面还有今天的一些配套的资料，我也给同学们准备好了， 现在呢我们专门准备了一个代码的文件夹，我们今天写的所有的代码都要放到这个文件夹里面，其中代码这个文件夹我们就称之为项目文件夹，或者叫根目录了，明白了吗？哎，我提前已经建好了， 好了，那建好完之后呢，接下来我们可以通过编辑器啊来打开这个文件夹，怎么打开呢？同学们还记不记得我们前面教给同学们如何去安装这个插件，安装好了之后呢，就是看到这个界面了， 看到这样了吗？打开文件夹就 ok 喽，选择点击它，然后找到我的电脑一盘啊 atm 五好代码，这个就是我们的文件夹了，选择它点到选择文件夹 好，选完之后呢，这时候会第一次启动看我们这个界面啊，好，是不是允许啊，点试就行了啊，我是此作者，这个电脑就是我的，点击 好，在这里面我们整个界面呢分成了三部分啊，大的三部分，那左边这个呢叫做资源管理器，哎，就说我们想要看到各种各样的素材啊，会在这显示， 那中间这一部分呢与 i 对 话啊，或者是呢写代码的代码区域，还有呢就是我们这个叫提示区域，可以根据我们实际情况需求啊，提出需求，他这呢会给我们帮生成代码分成这三部分啊。 那这样我们先在文件夹里面新建一个文件，有这么几种方式，一种方式呢，我们可以点击这个新建文件按钮，一点击，哎，可在这里面命名我们的文件就行了，这是第一种啊，也比较简单。还有呢，选择文件菜单里面的里面有一个新建文件，看到没有，也可以来进行新建我们想要的文件， 当然了，我更喜欢第三种，同学们只需要在这个空白处啊，双击就行了。哎，就这么简单，一二双击就可以直接创建。比如说我们叫零一杠啊，我的第一个页面一定要加它的后缀名，叫做点 h t m l， 因为我们学的是 atml， 所以 同学们在写的时候呢，千万别忘了在后面写上点 html， 明白了吗？好，输入完毕之后呢，直接敲一下回车就可 ok 了。好，这时候我们发现中间这个就有了变化， 那其中 ctrl 加 i 调开我们内嵌的聊天， ctrl 加右呢，是我们 ai 的 侧边栏聊天，比如说这个呢，我把它关掉了，你想打开，直接按 ctrl 加右键再次打开，只不过刚开始啊，在这里面我们先不用啊，把它关掉就行了。那在这里面怎么写代码呢？很简单，同学们认真听， 我只需要输入一个英文下的叹号，英文下的叹号，这叫做 imit 锁写，看到没有？输入完毕之后呢，直接敲回车就行了，走着。哎，你会发现在我们的 里面生成了默认的一段代码，在这里我们先不关心这个代码是什么意思，你只需要在我们啊，把光标定到这个 body 杠包的中间，然后呢写上一句话就行了。嗯，写什么？咱就不写 hello world 了啊，咱们写我的第一个页面就行了啊。页面 好，写完之后呢，我们记得要进行保存一下， car 加 s 是 保存好，这样呢，我们就写了我们人生的第一个页面了， 好了，那写完毕之后呢？哎，怎么去看这个效果呢？同学们可以这样啊，打开我们刚才的这一个代码文件夹，打开看到没有，里面是不是就有一个叫零一，我第一个页面点 atm 这个文件了，你只需要双击打开，哎，用什么呀？是不是用谷歌呀？以后啊，始终用谷歌打开就行了。始终 好，稍等一下会启动开我们的骨干浏览器，看到没有，咱们的第一个页面是不是已经写出来了啊，就这么简单啊，刚才简单说就是，哎，输入一个叹号生成代码，只需要在保底和杠保底之间去写，这是要求的。 好讲，在这呢，我们稍微的把我们的编辑器啊进行配置一下，让他呢更符合我们的开发需求，比如说你看这代码有点小啊， 哦，我能不能调大一点呀，哎，等等的，那答案是可以的，所以接下来我给小伙伴讲解一下啊，我们如何进行编辑器的配置啊。好，我们看一看，在这里呢，主要是讲这么几部分，第一我可以是我的编辑器的字体啊，来进行调大小。 第二呢，我可以把我的代码字体调大小。第三个呢，我可以设置字体的缩进，这个有要求，一会我会讲好。第四个我可以保存之后呢，自动格式化代码。 那具体这四个分别什么意思？这样啊，我截个图啊，那这来啊， f 三，哎，截图好，然后呢，回到我们的编辑当中，接下来我是不要做这是呃，一共是这四个模块呀，咱们一步一步的来， 大家可以看到啊，我这个文件编辑选择查看啊，这是编辑器的啊，文字大小你想调大也是快捷键是 ctrl 加加号，加放大缩小， ctrl 加加号，喏，是不是变大了？ ctrl 加减号是变小了，对不对？ 好，放大放大放大哦，超级大，缩小缩小缩小都可以，你呢？可以 ctrl 加加号或者 ctrl 加减号，调到你喜欢的那种风格就行了。好，这是第一个，我们调好了。 好，第二个呢是代码的字体大小，记住 ctrl 加加号呢或 ctrl 加减号，是让整个编辑器啊，它里面的来放大缩小，但是代码是不变的，那我们想只调整代码的大小，这个时候呢，同学们，这有步骤呦，我们一步一步的来看啊，我手放大一点点，咱们操作，首先选择文件菜单里面有个首选项， 文件菜单里面有一个首选项，找到了吗？然后呢再往下走，里面有一个设置，看到了吗？设置是 ctrl 加逗号，这快捷键啊，然后点开它走着，然后呢里面有一个叫做 it 的 设置，我们去找找 it 的 设置啊，在哪个地方 往下走一走，哎，找到了，看到没有？ edit 设置，然后呢，里面可以设置字体呀，等等效果，然后我们点一下去设置就可以了。点一下去设置，然后我们可以看到，哎，它默认的字体大小放的 size 呢？是，呃，十三啊，十三像素，我们这儿可以调大一点儿，比如说我可以调成一个十六， 同学们可以看一看，到我调整完毕之后，我们的代码可不可以啊？好，我把它关掉，同学们看一看，能看明白吗？是不？现在的代码就可以变成我们想要的大小了，如果你可以调成十八，它会变得更大， 在这里我又调成十六了，同学们可以根据自己的情况去调整，别忘了文件选项设置 edit， 然后选择里面的 font size 啊，就是字体大小。 好，第二个 over 搞定，第三个设置字体缩进呢？哎，你看， 当我写代码的时候呢，另起一行的时候，你会发现这儿呢，正好有四个空格啊，你看一二三四四个小点，这是四个空格的，但是呢，我们在后面啊， weu 里面一般要求都是缩进两个字母， 就是我在写代码的时候呢，它会两个字母的来进行对齐，现在我在写的时候呢，都是四个字母，所以我们现在先调过来，这是一个好习惯。好了，怎么设置呢？好，同样道理是常用设置里面有个 table size， 那 我们再来一次好吗？哎， 好，然后呢，我们选择文件菜单里面有一个首选项，首选项里面有一个设置好，在设置里面我们往下走一走啊，好，走一走，然后另外 edit 设置去设置里面有一个常用设置，还在常用设置，刚才我们是不是已经设置好了文字大小呀？还有一个看到没有 table size， 它们俩是在一起的，那默认是四，我们手动改成两个字母，这样以后我们学 vivo 的 时候就不需要来进行调整了。 好，第三个也设置好了，我们来看一看有没有生效关闭啊。现在呢，默认的还是四个啊，那我们可以把它关掉，等我再重新新建一个文件的时候，双击啊，还是在空白处双击啊？零二 好。然后呢，设置字体缩进啊，设置字体缩进点。 atm 回车还怎么做？记得吗？ 叹号，回车，同学们发现生效了吗？我来写我的网页啊，我的网页你发现他是不是就缩进默认缩进两个空格了呀，好在写的时候也是两个空格，这就符合我们的要求了呐，这个和这个是两个空格的啊。 好了，那这次呢，我们把我们的第三个字母是缩进也给他搞定喽，接着第四个保存之后自动格式化单吗？这个还是有点意思的， 因为你看啊啊，我们这个当我们写完之后呢，我保存 ctrl 加 s 保存，它可以自动保存的，但是呢我们这里面还写标签，比如说我就写一个屁标签 好，写完了啊，写完之后呢，我的好，我就输入一个英文的屁就行了，然后你敲一下回车会生成一个屁标签好，然后呢是段落文字好，当我写完之后呢，你看我 ctrl 加 s 保存，但是没有对齐的，按道理啊，它俩应该是并行对齐的， 那我们不能手动调呀，我选中之后呢，哎，我手动对齐，这个多麻烦呀。啊，你看我再复制一份呢啊， ctrl c 到这里 ctrl v 啊，这个呢我再进行缩进一下，又没有对齐，那我对齐不能一个一个手动调吧， 在这里我们就可以通过我们自动化一保存的时候呢，就自动来进行对齐。怎么设置呢？哎，还是刚才的操作，还记得吗？文件 首选项设置打开设置完之后呢，我们继续往下去走啊，可以看看它里面有个叫文本格式化的。在哪个地方呢？我们看看啊 id 的 设置啊，先点开它 啊，不是常用设置了，前面三个呢都是在常用设置里面，这次我们选的文本编辑器好展开，在文本编辑器里面有一个叫做格式化的啊，格式化找到了吗？找到格式化，点击一下，同学们一会可以按照我的步骤看视频啊，一步一步来操作就行了。 好，格式化之后呢，你看有里面有一个叫做 for matter on save， 什么意思啊？当我保存的时候呢，我让我们进行格式化，所以说呢，啊，我们直接点一下对勾就行了，就这么简单， 欧啦欧啦啊，我打一个对勾定，现在呢，我把它关掉，关掉同学们再来看啊，我现在要保存喽， r 加 s 走着，嘿嘿， 有点意思，这样我们妈妈再也不用担心我们对不起的问题了啊，只要一保存就对齐，哎哎哎， ctrl 加 s 走着哎，自动对齐，有点意思吧。好了，这样的话，就是对我们这个编辑器啊进行了相关的设置，同学们把我们编辑器这四个一会的时候呢，跟着视频一步一步来设置一下就行了。 那讲到这，有的小伙伴还说啊，老师，你看你的页面写了这么多东西了，我想打开还非得到文件夹，里面还非得找到我对应的 h t r 文件，我双击才能打开，好麻烦呀，能不能老师我写完代码哎，我就能直接打开浏览器呢？ 答案当然是可以的喽，这是我给小伙伴们讲的第二个怎么在编辑器中直接打开浏览器，想学吗？华罗密，我们来一起看一看。 当然了，后面这三个配置啊，我给同学们截了图，如果同学们没有看视频，看着图片也能找到在哪去设置。好了，那接下来我们去讲解一下如何在编辑器中打开浏览器呢？啊，在这里啊，我们需要安装一个小小的插件， 那插有了这个插件呀，叫 live 搜索的插件，就可以让我们在编辑器中直接打开我们的谷歌浏览器了啊，不需要再找到文件夹，再双击打开 好了，那这个插件怎么安装呢？非常简单啊。呃，在我们编辑器中有一个叫插件市场的，输入我们这个 live server 这几个字，就会找到插件安装就行了，安装完之后呢，我们就会在呃编辑器中啊，多了一个 open with live server 的 选项，这个命令啊，我们就可以直接启动浏览器了。 好了，那到底怎么去操作？同学们跟上我。好，现在我们要在编辑器中安装一个插件，就可以直接打开浏览器，插件在哪里呢？ 同学们跟着我来看，在我们整个编辑器的最左侧有这么几个小按钮，这叫资源管理器，这个叫搜索，这个叫源代码管理器，预览还有运行和调试，还有远程资源管理器。最下面就是我们的插件了， 好，那我们点一下它。哎，同学们稍等一下，在这里面就会有一个进行输入，回车进行搜索啊，这是有一些插件自带的，我们安装的是哪个插件嘞？还记得吗？叫做 leave server 啊，你只需要输入 leave 就 行了。然后呢去找这个按钮 啊，就这个形状的啊，不要安装错了啊，就安装这个就行了。然后呢安装都是中文的呀，真好，点安装，稍等一下，它现在呢正在安装这个软件，已安装完之后我就可以直接打开喽。 好了，在这里面啊，我们先把它关掉，不用管它现在有没有安装成功呢，我们点击它一下看一看啊。好，你看，现在提示了，已经安装成功了。好了，那我们怎么知道 它有用了呢？同学们，仔细听，我是不是在这写代码呀？写完代码我只需要右键，然后选在里面，你看是不多了，一个 open with delete 呀，用它就行了。好，当我点它之后走着。同学们，静等一下，怎么样， 是不是启动开了我们这个页面呀？哎，这个英文啊，你可以选择一律不翻译就行了。一律不翻译此网站好，他就不会再提示了。这样是不是打开了我们这个网页？哈，有点意思吧，所以 以后啊，我现在把它再点击折叠啊，再点击点开，后面还有其他的插件，我后面再教给你们。我先把它折叠起来以后我们写上我们的 atm 文件呀，就，呃，就可以直接右击 看我们的浏览器就行了。哎，这时候呢，我就看看我写的代码到底有没有生效了好吗？啊，好，这是我们刚才给学员们讲解的如何在编辑器中直接打开浏览器呢？哦，我们安装了一个叫 live server 的 插件。好的，到此为止，我们就安装好了 live server 这个插件，它这插件的主要作用就是让我们 编辑器写好代码之后呢，直接可以通过右击的方式打开我们的浏览器。好吧， 那讲在这之后呢，我们的主要内容就讲解完毕了，但是呢，我还想给同学们讲解一下常见的开发技巧， 比如说我们写代码的时候还会有哪些技巧呢？同学们，认真看，你看我们写代码的时候最好是左边编辑器，右面就是我们的浏览器，这样我在写代码的时候呢，通过六十二插件呀，可以实时的预览我写的内容，非常的方便。 他的做法是怎么做？看好了，很简单，你可以通过 windows 键加左右箭头的方式，可以把我们的编辑器和我们的浏览器实现放在左边和右边来调整好。怎么操作？同学们，跟着我啊，走，跟上我魔鬼的步伐。 那你想写在这之后呢？我每次我右击打开我的浏览器啊，这浏览器在这看着就挡住我的编辑器了，所以你看啊，我可以这么去做。好，我可以右击重新打开一下我们这一个浏览器。那我可以这样啊，啊，把光标啊定到我们的编辑器当中，我按 windows 键加上左箭头走着， 哎，松手，这时小伙伴会发现我的编辑器就跑到左边了，那剩下你懂吗？我点一下浏览器啊，一点，哎，发现了吗？他们两个就实现左右排列了，你可以呢，把鼠标呢放在中间的位置，稍微的拉动一下， 让这个浏览器稍微小一点点。现在呢，就可以实现左边写代码，右边预览效果了。来，你看啊，而且 delete 插件啊，它最大的好处是在于我左边写了内容，右边可以实时更新的，是不是呢？你看我把这几个字删掉。好， ctrl 加 s 保存啊，一保存走着，会发现 我们的页面是不自动就变了，我再写一个啊，好，再写上一个，比如说我今天很开心写完之后呢，卡夹子保存走着，哎，你会发现浏览器啊，它不需要刷新页面，它自动的就变了，就是因为有这个 live server 的 插件帮我们 一气写完，只要一保存，浏览器会自动更新里面内容，所以接下来的视频我就会按照这种方式来给小伙伴们去讲解喽。啊，小伙伴们知道我是怎么做的，记住，他有两个快捷键，就 windows 加左箭头， 可以让我们这一个编辑器啊，在左边啊，你可以点击浏览器啊， windows 加右箭头，让他到右边来啊。好，这是我们说的这个，但有的小伙伴说，啊，老师，那开发中我就不能用双屏吗？ 啊，双屏就是两个电脑啊，呃，这种这种的双屏形式啊，只不过呢，因为我是要录客吗？如果双屏的话，我就没有办法把这两个屏幕同时录给小伙伴们了，所以我现在就用这种方式了好吗？ ok， 到此为止，我的主要任务就完成了。那到底我这个视频讲了什么内容呢？啊，这一次啊，请我的助教猪爸爸来给小伙伴们做一个系统的总结好吗？来，接下来我们掌声有请猪爸爸！ 好的， pink 老师，那接下来我给同学们去做一个总结喽！第一个问题，书写代码前先需要准备什么工作呢？ 对了，我们需要先新建一个文件夹，把我们的素材呀放到里面去，这个文件夹我们也称之为根目录。好的，我们看一下。第二个问题，我们新建的文件后缀名是什么呢？ 对了，是点 html， 所以 小伙伴们在进行新建文件的时候，千万别忘了一定要加后缀名点 html。 好 了，那 pink 老师又给同学们讲解了一下常用的一些设置，比如说代码文字的大小呀，做齐两个字体都是在常用设置，我们能够看到里面有相应的设置文字大小和缩进字体，同学们可以根据需求来进行调整。 当然了， pink 老师还讲解了一下保存格式化，一保存代码呀，就自动格式化。那我们设置方法哎，这次变了，是在格式化里面的 format or save 这个选项，勾选上就 ok 了。 好的，最后一个问题，我们如何实现左右分屏呢？左边是编辑器，右边是我们的浏览器呢？ 对了，我们可以按键盘中的 windows 左箭头或者是右箭头，这样可以实现分屏效果。而且我们安装了 live server 插件呀，我们代码修改了，浏览器会自动更新哟。 好的，看来 pink 老师讲的很不错呀，小伙伴们赶紧去练习一下吧。

这是我用 ai 制作的免费手机 app， 一个普通人一个代码都不懂怎样用 ai 去制作一款自己的 app， 我 用十几天的时间测试了各种 ai 产品，最后呢找到了一条最简单的免费制作手机 app 的 方法，接下来视频我会告诉你怎样的去完成它，也会和大家分享我自己做的这款 app， 大家一起讨论一下。首先我们要准备三个工具，第一是豆包，第二是翠，第三个是心流。首先打开豆包，找到应用生成，点击进入，然后开启新的对话， 这里简单演示一下，帮我就帮我生成一个五子棋的 app， 确认要求，开始生成， 你如果有要求呢，你可以自己编辑指令，然后简，这里是简单的啊，我就让他可以简单的生成一下就可以了。 一 few moments later 五子棋已经生成了，现在他就是一个这样的 app， 直接点击游戏，一个白的，一个红的，但是他现在就你看见没有很多的那个 bug， 这个出现 bug 呢，我们就要一点一点的调，然后呢这个调的我们就不看了，这只是一个演示的作用， 这是我之前调试的 app， 我 们直接下一步用到的。第二个 ai 软件推，没有安装的，先安装，我们这里直接打开， 我们先看这边，因为这边呢它查看，在这就查看这个软件，这个软件就是完整的 app， 然后呢在这边呢可以运行，然后我们运行一下， 好，运行一下，这就是我现在最后一个版本的这个功能，呃，现在这个功能就是说这边，哦这边有个清空所有任务，就任务中心的清空所有任务，我现在把这个图标给它删掉， ok， 然后他会分析问题，分析问题之后他会在这里修改 app， 修改代码 测试完成了之后呢，这个任务里面，哎，这个清空任务已经没有了，这个清空任务已经没有了，他已经修复， ok 了。那么现在呢？但是他这个 app 呢？无法加载，他无法生成那个手机 app， 你 现在得到的只是一个代码。 那么现在到第三步了，第三步是什么呢？你从这个从底到上，哎，全部选中， ok， 然后复制，现在到了第三步，第三步呢，就用到这个叫星流 ai 助手，然后在星流 ai 助手呢，我们找到一个叫搭扣， 呃，你也可以直接搜索这个搭扣，你点开搭扣会进入到这里，你会创建一个新的绘画，然后在这里呢有一个安卓 app 开发，你点开它，它会这里有一个势力，你给它删掉就行了。用下面的 代码开发一个可以在手机上安卓的 app， 然后在这中间呢把你那个复制的内容粘贴，这就是代码就粘贴上了，然后呢点击生成就 ok 了，然后我们直接打开它，这是我设计的基于代码开发的 app， 但是它生成的这个 app 也会有小的 bug， 这里简单调试一下就好，尽量用退调试好代码再来生成。最后呢它生成的文件会出现在这里， 但是你找不到他，你就直接发这段话给他，把这个 a p， 把这个 a p k 文件用附件的形式发给我，让我可以直接下载。 把这个把这句话发给他，然后呢他就会给你生成。呃，生成一段文件，他会发送给你，生成这个文件，你点开他，然后呢他会直接出现在这里，然后你点击下载就可以了。嗯，发到手机上，直接在手机上安装就可以了。为什么不用这个直接生成呢？因为它这个没有预览， 所以说你不能及时地去修改它，是不是觉得现在就结束了？不，它发送到你手机上的 app 可能还要调试。比如我这个无法运行，闪退，图片无法加载，这里直接让大扣帮你修复一下就好了，尽量用退帮你完善好代码。 我之前几个版本就是代码没写好，出现各种 bug， 闪退啊，乱码。最后这个完善好代码只要简单修复就能用了。 先简单地介绍一下我这个 app， 它叫攀登创建任务，其实就是你想做的事情确定下来，定个时间我们去完成它。灵感就是你突然有个想法，或者是刷视频看到的美食美景，可以先记录下来， 因为灵感来得快，去得也快，到时候自己都忘了。决策盘，就是想做的事情太多，就让转盘帮你打破犹豫，类似盲盒的感觉，最后完成或者失败的任务都会记录在历史中，可以编辑记录感想，就像一篇人生足迹。 我开始做这个 app 的 目的是告诉我们不用在意得失，我们更该在意的是去做这个动作本身。希望我们都可以永远保持向上的姿态，勇攀高峰，终能登高望远。

今天我要分享的是 ai 编程工具 tree 的 下载安装和简单的使用方式，以及简单的 呃一些 bug 方面存在的问题。首先是下载 tree id 一 这个 国内版的下载链接就叫 t r a e 点 c n， 直接点击右上角的下载 ide 或者下面这里的立即获取 tree， ide 一 就可以下载最新版的 tree。 需要注意的是 tree 是 必须要登录使用的，所以 呃还需要先注册一个 tree 的 账号，然后下载完 ide 之后就可以打开这个 free 来使用。 free 现在有两种模式，一种是 i d e 模式，一种是 solo 模式。 solo 模式是之前几天刚刚就是就是开放给所有人都能使用了，就如果现在 编辑器还有点问题，不能用 solo 模式的话，就说明是非官方的问题，可以找一下他们，然后切换 ide 模式跟 solo 模式，就是点左上角这个 点一下就能切换过去。然后 ide 模式跟 solo 模式最直观的区别就是 ide 模式是左边是写代码，编辑器这些界面，右边跟 ai 对 话， 而呃 solo 模式就正好相反，是在左边跟 ai 进行对话，然后右边是呃就是编辑代码 这些地方，呃现在是因为没有打开那个文件夹，所以它右边整个都是这个 ai 对 话的部分。呃。然后在 翡中就是因为翡是基于 vs code 开原版开发的，所以如果用过 vs code 的 同学应该对翡的使用会比较好上手，就如果没有用过的话也没有关系，因为这个 呃翡用起来还是比较容易上手的。首先一上来就肯定是先打开文件夹或者是新建一个文件夹， 这里的新建项目就是呃新建文件夹的意思，然后在这里我们就直接啊，在这里还需要注意的就是如果你之前已经打开过的一些呃文件夹，它会显示在下面 呃，就事实上你如果直接从一个已经打开的文件夹里面关闭的话，他下一次打开会直接打开这个呃就是已经有代码的这个文件夹，然后 呃除此之外呢，也可以在文件这里通过打开最近的文件来选择你最近打开过的文件夹，在这里我们就直接打开一个现成的文件夹，然后呃 呃在 ide 模式跟 solo 模式的跟 ai 对 话，就是如果想要呃比较简单的体验的话，就是有两种 与 ai 对 话的方式，一种是通过这个对话框窗口，在这里就已经有一些历史记录了，然后也可以直接新建一个任务， 在这里可以呃就是在 ide 模式可以选择是哪一种内置的智能体 chat 模式，就是只跟它进，只跟 ai 进行对话，不修改代码，也不会执行操作，就是纯聊天。然后 builder 模式就是呃你让它去 执行一些对代码的修改和创建的任务，它就会直接在文件中进行修改，然后 builder with mcp 就是 在 builder 模式的基础上增加了可以调用的 mcp， mcp 可以 理解成一些 ai 编程的插件， 就是加上这些插件之后，可以丰富 ai 编程的能力，比如说 context 七就可以去学习呃这个 一些代码的最新的文档，就是说 ai 它本身获得的知识可能已经有些老了，但是我们 通过 context 七就可以获取它最新的文档知识，然后 ai 搜索引擎 m c p 就是 顾名思义就是能够用 ai 进行搜索，然后其他的工具。呃 呃，这个我们稍后再具体介绍吧。总之就它有一些内置的工具，也可以自己再添加工具。然后 最后这个 solo code 我 们一会再介绍， solo 模式时候介绍。最后还有一个是可以选择自己创建智能体， 在这里的话就是就是可以自己根据需求来创建一些指定的智能体，比如说就只让这个智能体来进行这个代码修改或者单元测试，或者是 code review， 就 不是那些通用的智能体。 呃，但是其实说实话我是觉得纯编程的话，我不太用这个创建智能体功能，因为我感觉就只需要让，呃，只需要用 prompt 来让这个 builder 来进行不同的工作就可以了。 然后在下面这个一个是输入 at 选择智能体，这个在 id 模式其实就跟上面这个切换它是 chat 还是 builder 的 形式是一样的。然后右边这个井号是引入上下文，在这里就可以。 呃，就通过不同的方式将将你的这个代码项目里面所需要的知识来告诉 ai。 这个 file 就是 引入文档，就是比如说我就需要修改这个代码的话，我就可以告诉他们就修改这个代码。然后， 呃，嗯，这个 folder 就是 文件夹， doc 就是 文档，这个 doc 比较特殊，这个 doc 得是 a r 自己写的 doc 才行。就如果是你自己写的，比如说是 readme 的 话，就最好是通过 file 来把这个 readme 来给引进来。 然后 code 这个指的是就是就是如果是 python 的 话，就是引用具体的某一个函数或者类比如说在在这个 fast api 中，我们通过 code 就 可以引，就可以 引入这个 read route 或者 read item 这个函数，然后告诉他要修改指定的函数。另外还有一种情况是我们可能就需要修改一些特定的 呃代码片段，然后这个时候呢，我们可以用鼠标来选择这个代码片段，然后这个时候呃编辑器上就会默认出现这个编辑或者添加到对话，这个编辑就是在编辑器内会，他会弹出这个 呃这个 ai 输入框，你就可以在这里直接跟它对话。然后另外一种形式就是添加到对话，它也会把这个片段给输入到这个对话中， 然后 solo 模式的话，就是它相比 ide 模式会增加一些功能。首先是这个它可以同时运行多个任务，就是 呃，就 i d e 模式的话，你就只能等它一个任务运行完之后才能呃，就让它再运行下个任务。这种的话，就比如说你可以开一个任务让 ai 帮你进行开发， 然后再开一个任务让 ai 帮你呃写文档，就是我一般都这样的。呃，就是这个这个任务呢，就我感觉如果同时让两个任务同时进行开发的话可能会冲突。 呃，就是这，但这种模式我也没有试过，所以我现在基本上都是就是开发是同时只用一个任务，然后 哎，就是如果要写文档的话才能同才会同时开多个。然后 solo 的 话，它的智能体是默认的是只配置了这个 solo q 的， 然后呃，在这里我们就介绍一下。 呃，在这里可以选择就是调用不同的智能体，这个这个智能体是可以新建的嘛？就是刚刚如果 如果你自己新建了一些智能体，也可以在这里进行调用。然后就工具的话，在这里可以添加 m c p servers。 有 两种添加模式，一种是从市场添加，一种是手动添加。我这里添加的这两个都是从市场添加， 这里的市场就是自结自己的火山引擎，就是 tree 本来就是字节跳动的嘛，然后它这个 从市场添加，也指的是从火山引擎添加 m c p server， 这个手动添加就可以自己配置自己的 m c p server 的 这个，呃， url 啊，这个参数啊，然后让它自己调用。 然后这里的内置工具就是 read， edit， terminal、 preview 和 web search， 呃，就是读文件，编辑文件，还有阅读和使用终端。呃， 然后这个 preview 是 应该是指那个浏览器，就是它就是如果你用的是 啊，就如果你是做前端开发的话，它可以在可以帮你看浏览器的这个情况，然后 web search 就是 从网络中搜索。在这里需要注意的是这个 read 的 话，它一般是啊，就 read 跟 edit， 它一般就是直接默认执行了。 呃，然后这个 terminal 是 可以进行设置的，在这里，呃，呃，就它这个 terminal 指的是 ai 会希望能在你的这个终端来执行一些命令，就比如说，呃，要执行一个运行某个 python 脚本的命令，然后这种时候 就是就是他这个这个操作其实有点危险的，就是你可以想象他，呃，就如果他只是想要打开某个服务，可能就一般危险，但如果他要进行一些呃数据库或者是文件操作，他可能会 想要删除你的文件，这个就会很危险，然后在这里的话是可以在设置里面去呃点错了，这个 可以在设置里面在自动运行这里选择 这个哪些命令可以手动运行，还呃哪些命令可以自动运行，然后在这里因为我本人是对 ai 的 这个安全性比较重视，所以我是让它是每个命令都必须要手动运行，因为它这个 就是如果你设置哪些命令会手动运行的话，在这些就是如果他生成了一条需要手动运行的命令，他会先 呃把这条命令给显示出来，然后就是如果你在这，如果你不在这个编辑器里面，他会给你进行弹窗，当然这个弹窗的话就是 在下面这里设置，就是就点击弹窗进来以后，你就可以选择是让它自动执行还是呃跳过不执行这个命令就是如果你认为让它执行没有问题的话，你就让它执行就可以了。 呃，然后在这里运行 m c p 工具也是一样的，就是你可以选择让它自动运行，还是必须要你手动运行 它，这里还可以呃设置白名单或者黑名单，就是白名单，设置白名单的话就是只有这些命令能够自动运行，使用黑名单的话就是黑名单里面的命令， 呃不能自动运行，我个人是推荐使用白名单，就比如说一些像 mkdr 创建文件夹这种，你就可以把它设置成白名单，因为它呃自动执行了也不会有什么影响。 但是如果像呃删除文件或者是开启服务这些你认为比较危险的， 就直接不给他开启了，就是就是说呃，安全的命令可能是有限的，但是不安全的命令可能是无限的，所以我个人推荐使用白名单，或者像我一样直接始终手动运行。 呃。另外还需要注意的是，就是因为 ai 在 返回结果的时候就可能会花很久的时间， 呃，包括我昨天的视频里面也提到过，就是现在如果要用像 glm、 四点七这种比较火的模型，它甚至可能会排队，就会花更久的时间。所以就经常我们在编辑的时候，呃，就是在 ai 编程的时候，就是在它运行，就是在 ai 进行生成的时候，我们是会离开编辑器的，那这种时候我们就希望 ai 生成完返回结果 之后能够提醒我们，就是这个提醒它用什么形式来提醒，也是在这个任务状态通知这里设置，然后这个 windows 这边的话就是呃， win 十和 win 十一的横幅就是会在右下角出一个弹窗，然后声音，当然就是声音了， 然后提示音和音量设置也可以在这里面设置，这个就是它这个通知类型，这里面有任务完成、等待操作和异常打断。任务完成当然就是 ai 生成完了，等待操作呢，就是上面说的这个自动运行它， 呃，就是如果你不是全部让它自动运行的话，它需要手动运行的时候，就会弹这个弹窗或者声音来提醒你，然后异常打断则是指的是比如说， 呃，网络异常导致生成失败，或者你的内容可能被 ai 认为有风险，它停止生成了。还有一种情况就是你的这个上下文太长了，它无法一次生成，所以你需要呃就是回来确定，让它就继续生成， 这种情况下它也会提示你。然后在 solo 模式里相比呃 id 模式还有增加了一些功能，就是可以让它先进行规划再执行任务。呃，但是其实我个人是比较习惯把 规划跟执行任务分为两个对话的，但是，但是就是它这个 plan 模式就是可以让它一步生成。如果开启了 plan 模式的话，就是你给他一个方案，他会给你呃细划方案，包括细划到你具体用什么技术站， 然后给你生成一个文档， 这个文档是 markdown 形式，呃可以编辑的。呃， 就是它这个可以编辑，只能是在编辑器里面可以编辑，但是如果在这里面打开工具，这里面打开的是文档的话，它就不能编辑了。嗯， 然后在这里啊 solo 模式还可以添加图片，这个 这里面这个位置是可以选内置模型是跟 ide 部分一样的，在呃 solo 这边的内置模型会比 ide 那 边会少一点， 就可以看到 ide 这边会多一些模型，而且 ide 还可以开 auto mode， 这个 auto mode 就是 呃就它会自动帮你选择模型， 然后呃 tree 会提供这些内置模型，此外也可以自己去添加模型，在这里的 就是呃就可以添加，比如说像 cloud 拆 gpt 之类的，这个 tree cn 没有添加的。 呃，没有内置的这些模型，这个 tree 这边 tree cn tree 国内版没有内置这些模型，我个人认为应该主要就是因为这些模型没有在国内备案。呃，就因为大家都知道国内大模型是需要备案的，所以 c、 c、 n 这边接入的都是国产的模型，没有接国际模型，如果你想要用国际模型或者你想要用自己部署的模型的话，就可以用这个自己添加模型的方式，然后在这里欧拉玛，呃 呃，应该只有欧拉玛这种形式是可以配自己本地的模型的，这种对一些对网络安全、代码安全更重视的公司来说应该会比较有用。呃，然后在这里还有一个是就是你 研写完 prom 的 之后，你可以点击这个来进行润色， 点击这个就可以对优化，呃，对输入内容进行优化，呃，相当于做了一个提示工程，然后如果你不满意，觉得它在润色润色完了后还不如你之前的，也可以选选择撤销优化。 然后这个，呃， solo 这边这个和这一块就跟 i d e 的 一样，就是可以通过语音输入啊，这个就是发送了， 然后在 id 内部编码的话，呃，就是它有两种形式，一种是它会自动生成，就是 呃，这个我一直没有唤起出来，就是就是如果它成功被唤起的话，它应该会在这里出现一个带颜色的提示，就是推荐你下一步的操作，然后这种时候你可以点击 tab 键 就可以直接接受，如果你不接受的话就不管它就可以。还有一种就是，呃，点击 ctrl i 快 捷键，然后它在这里就可以呃输入， 输入你的这个想要让他做的事情，他就可以直接在这里指定修改这个位置的代码，然后这个左边这个啊，就比如说，嗯，在这里就是增加一些 容错机制，然后在这里发送，他就会修改，就指定的修改这一部分的代码， 然后在这里呃，这个部分在呃 i 跟 ide 的 形式其实会比较像，然后这一部分是在这里可以点击接受或者拒绝，然后这个呃就是上面这个接受或者拒绝指的是整个这一次的这个对话，你如果 接受修改的话就点接受，如果不接受的话就点拒绝，或者是也可以让它重新生成， 在这里也可以对它的这个效果进行点评。然后右边这个拒绝变更跟接受变更则指的是就是就它一次对话可能会改好几处地方，然后每一处可以分别地进行拒绝变更，或者呃接受变更， 在这里就是这种模式会比较类似于 ide， 就 ide 在 就是变更完代码之后也会让你选择这个接不接受它的变化，但是 solo 模式的话，它只就是觊觎官方是把这一块取消掉了，就是你啊，其实默认就是你只能只能接受这个，然后 呃，但但你也可以修改，就是你在这里可以看到代码变更，你可以选择返回之前的版本，但是就不像 ide 模式对这个功功能会做的更加的这个显示吧。然后 呃就是搜，就是 ide 模式的话，它在左上角这边就是一些比较常规的像是打开文件夹自动保存的设置 这些，嗯，就是其实跟普通的文件操作管理器，甚至像 word 之类的都差不多。然后 呃在这个位置可以选择管理项目，然后左边这里就是资源管理器，就是文件就文件夹，然后底下的这个大纲，这个呃，这是这个只是代码里面的这个， 就是这个应该叫代码语言数还是叫什么来着？就是就是 它就对 python 来说它就是可以显示里面的变量函数类的这个层级，然后对 markdown 来说就是大标题小标题这样子层级，然后这里的时间线，呃，这里 这个可以用筛选器模式来选。只只有呃是只显示 get 记录还是包括显示本地的时间本地历史记录？如果只显示 get 的 话，就是就是像这个这个文件还没有保存到 get 里，它就不会有 get 历史记录。 然后这个 q flow 是 呃 tree 应该现在还在内测，所以应该呃就是不是所有应该还没有会读到所有人这个， 嗯，这个东西感觉好像没有什么用啊，它就是会提示你下一步应该编辑什么，但是其实反正我都是让 ai 改的啊，所以我其实不是很在乎它说什么。然后这呃就左边这个栏是跟 vs code 的 形式是一样的，就是上面第一个是文件夹，然后第二个是搜索，第三个是源代码管理，在这里是呃，就是我用的是 get 管理，然后呃 svn 的 话需要专门安装一个 svn 的 插件，呃， 然后才能在这里管理，但是 get 的 话应该是只要安装了 get 就 可以，然后在 呃在这里的话就是我以后可能会再专门出一期视频介绍怎么用 vs code， 或者像 tree 或者 curser， 这些都是基于 vs code 的 开源版开发的这种呃编辑器来进行 get 的 项目管理，但是现在 就是简单的来说就是呃，就是如果没有一开始没有这个元旦把管理的话，就首先新建一个，在在这里面可以点击一个新建 get 项目啊，就是当然首先你需要先安装 get 那 个软件，就安装完了以后你就可以在这里新建一个 get 项目，然后就是你会对这些代码进行修改和管理，然后就可以提交，呃，然后它这里还可以选择树结构查看，或者以列表形式来查看。 如果是以树结构查看的话，它就会把这个文件夹的这个子，就文件夹里面的文件这个关系给显示出来，然后 在这里是提交变更内容，就是这个是就是你每一次版本，每一次版本更新，你就在这里介绍这个版本更新了什么内容，这个就方便你以后回来再回溯你当时这个版本具体做了些什么， 然后这里面就，呃，其实是应该是先暂存，然后再提交，但是其实在其实我一般使用中都是直接就每次更新，就是把它的这更新内容写在这里，也可以 呃进行润色，然后再直接提交，然后 嗯，这个刷新就是刷新嘛，然后这个更多里面还有一些更多的 get 的 管理相关内容，像是 pull push 这种，然后底下的图形，这个就是你的这个提交 get 的 历史有，我是以这个 get 项目都是限性提交的，就是我每次更新完提交一次，更新完提交一次就是我没有， 没有什么撤回，没有建立分支，所以这个图形就是一条线这样下来的。如果是有建立了分支，就比如说你可能想 就暂时的测试某个功能的效果怎么样，但是你不想，呃，就不想影响 整个程序其他部分的开发，你就可以建一个分支，然后这种的话可能以后会详细介绍吧。 呃，这个位置的 preview 是 有人是吹自己的，这个其实就是一个浏览器，如果在 solo 模式里面，它的名字就叫浏览器，这个就是， 呃，就是对 web 开发，尤其是前端来说会比较有用。呃，你可以在这里 直接打开你的这个 web 网站，然后它在这里也可以，呃，就设置是那个手机模式还是电脑模式，然后还可以选择一些元素， 有方便前端来调试这个页面的效果，然后这个运行跟调试，就是的 bug 在 这里是跟，呃，也是跟 vs code 是 一样的，那个就是怎么运行调试，添加配置，然后 这里的远程资源管理器是设置，呃，就是如果你要连你的这个云服务器，或者是连本地的那个，呃， wsl 就是你本地那个 windows 上那个 linux 的 话，就可以用这个来进行连接跟管理，上面是 s s h， 下面是 wsl 嘛。然后这个扩展就是 vs code 的 的插件，在这里 呃，就是有两种安装模式，就就跟 vs code 一 样，就要么是通过市场安装，要么是通过就自己下载那个 vs code 插件的安装包来安装。但是这里是 呃 tree， 可以 直接从 vs code 来导入，就是如果你在 vs code 里面已经下好了这个呃插件的话，在这边直接导入就可以，然后当然你也可以在这里直接搜索 这个，这个，这个应该就只用的是 vs code 的 那个插件，感觉，呃，那个商店应该是那个商店，感觉这个安装和搜索内容都是一样的。然后底下这个测试也跟 vs code 的 一样，是测试。呃，然后 呃右上角这里这个主侧栏就点击跟关闭就可以显示它是否要打开这个，然后下侧栏 这个是面板，然后这个面板这里我一般比较用的其实就只有终端，这个终端就是，呃 terminal， 它可以可以打开 cmd， 也可以打开 powershell， 然后 呃，在这里就是如果想要选择是打开 powershell 还是 command prompt 还是 git bash， 可以 通过这个加号，右边这个下就是向下的箭头来进行选择，比如说我们点击 powershell， 它就会打开一个 powershell， 如果我们要那个就是直接点击加号的话，它会默认打开我们默认设置的终端，在这里我默认设置的是 c m d， 呃， 但是你也可以设置成别的。然后这个的设置方法呢？是也是跟 vs code 的 一样的，是要在那个 edit 的 设置里面设置这个 edit 的 设置，在 tree 里面是就点击右上角这个设置，就打开这个设置，然后在这里面 进入 edit 设置，在这里呃搜索设置 这个，在搜索里面输入这个 terminal， 点 intergrate 的 点 default， 然后在就就这就这个，就这个 terminal 里面 integrated 里面 default profile。 windows 在 这里面可以选择你默认打开终端是哪个，因为我个人是用 c m d 比较多，所以我就直接选 c m d 就， 呃，但是需要注意的是 tray 的 自动执行命令的话，它现在还有这个问题，就是它会它会打开 powershell， 然后这个问题我在昨天的视频里也提到过，就是昨在昨天的这个 tray 的 黑客松上， 我们也跟 tray 官方的技术阻力的也提到过了，希望它能尽快的把这个改掉，能够让它好好的运行 c m d， 因为呃呃 windows 这个终端配置文件，这这这个终端的事情还挺复杂的，总之我自己是主要用 c m d， 但是 power shell 呃也很强。呃，那那这个事还是挺复杂的。 而且翠呃，翠比较搞笑，就是它其实默认呃，就是如果什么都不管，直接让它输出，在 windows 系统上输出的话，它会默认输出呃 cmd 格式的命令，但是它就只能自动打开 power shell， 所以 如果让它自动执行的话，它 往往会先自动执行完以后才发现这个语法不对，然后再改成 power shell 的 命令，然后你才能去自动执行。然后 呃就是下面这个窗口还有一些别的功能，比如说问题输出，呃，调试控制台和端口，呃，这个端口就是如果你是前端， 呃，就是如果你是网络编程那边也不分前后端吧，就是网络编程那边需要开多个端口的话，用的会比较多。那我之前其实是呃，就是纯客户端开发比较多，所以我用端口这个功能用的很少。 然后这里的右边的 ai 侧栏就它。既然都叫 ai 侧栏，那有很明显的就是这个 tree 对 话框这里，呃，这里就可以直接选择历史记录，也可以在这里选历史任务，或者就直接新建一个任务， 然后 i d e， 哎，对不对？就 solo 这边的话效果都不太一样，就是可以看到 solo 就 没有那些 打开文件之类的功能，就是他他反正自己设置就是这样的，我也不知道他为什么会这么设计。然后他左边是可以点开历史任务也可以新建， 嗯，我们之前提到过就是 solo 模式，他可以同时开多个任务，就是如果点这个的话就就可以隐藏任务，然后在这里就可以展开，然后呃就 solo 也一样在这里可以新建任务， 在这里还是设置，然后这个是个人管理，这个实时跟随的话是，嗯，就是它在在编辑器这边会有这个功能， 就是就是在 solo 运行的过程中，呃，如果点击实时跟随的话，它的效果就是就是 solo 在 那里一直在那里咔咔携带嘛，然后在这里就会看到那个就是， 呃文文本就就那个代码，就一行一行这样滚下去啊，就一开始的效果是一行一行滚下去，但是好像后来不知道是官方有什么问题，就反正就是 就是他就不滚了，就是他确实是他，比如他深沉到这个代码，他会给你跳转到这个代码文件这里，但是他不会像一开始那样一行一行代码给你滚那么炫酷了。 呃，但是还是，呃，就是还是我还是觉得这个功能很好用，就是它看起来还是比较炫酷的。然后在这里的这个文档就是，呃 t r a e 自己生产的文档，在这里面不能编辑，呃，在在这里面可以编辑，但是在它在实时跟随的时候不能编辑， 在那个就是就是代码这个这个运行就是它这个任务运行完之后，这里面就可以编辑了，然后它这个 这个 documents 就是 这个文档，它其实本来就是一个 markdown 文件，所以你直接在编辑里面也是可以直接打开的。呃，就是 vs code 的 其实是内置了一个 markdown 的 一个呃预览预览模式的，但是好像 呃好像却没有把这个功能加进来，所以我是直接去安了一个。我在 vs code 那 边也直接用的一个叫 markdown preview enhanced 这个这个插件，然后它就是可以直接渲染这个 markdown 语法， 然后呃就是垂直面还有点麻，有点麻烦的是它渲染完语法之后，你还要手动把它拖到右边这个分栏里面，就是这个拖拽， 就是这个这个拖拽可以看到我在这里演示，就是它从这里拉到右边这里 就是给它拖过去了，或者也可以在这里点击分分篮，如果是呃在这里也可以看到有向下拆分，但是我一般会比较习惯左右拆分，然后在这里分篮， 就是把它这样也可以让它放到右边，然后这个滚动还是可以实时滚动的。 然后呃就是 ai 编程的主要的功能，就这些，就是在整个代码开发的过程中呢，就一般来说是要先对 呃，就是对你想要做什么，对这个方案有一个初步的设计，然后再进行 具体的设计，这具体设计里面就包含具体你想用什么样技术来实现这功能，比如说是用呃 python 加 fast api 当后端，还是想用 php 做后端，还是想用 java 做后端？然后前端的话你是 想要做成一个网页，还是想做成一个 app 小 程序，或者是一个电脑端的一个客户端软件， 就会用不同的代码来，呃就需要用不同的技术来实现这个方案，就是这个就叫做技术站选型，嗯，还有就是你用什么数据库，你用 sqlite 还是 mexico？ 然后在这里的话是 呃 t r a e 就是 可以直接用 plm 模式，会给你生成一些文档。当然我自己的个人开发习惯是，呃先生成文档， 呃，然后我再改这个文档，我再来让它生成。因为这个呃这个蓬乱模式我也试过，就是它会在一步之内给你蓬乱完了以后就直接让你确定直接执行了，就没有给你留下改的空间，就我觉得这好像不太对啊，就是 呃就就就我，我都，我都没法改了。所以我是一般是先在 呃就可能在网页上也可以，也可以直接在这个 ide 里面，然后让它生成一个 readme 或者是别的文件，一个详细的文档，然后我再根据它生成的内容再进行一些修改，比如说我补充一些它可能漏掉的内容，或者是我认为它 它写的不好的内容，我再修改完了以后再进这个 solo， 然后进这个 code， 让它在这里调用这个上下文，选择这个 file， 然后让它给我呃，就是根据这个文档来执行， 呃，执行操作就是想让它生成这个这个内容，然后这个环节就是开发，就是直接从零开始写代码， 然后当然在这里就是就是除了从零开始代码之外，肯定还有一种可能，就是我们现在已经有了一些代码，这个其实是正式生产中更常见的情况就是我们已经有了一套代码，但这个代码要么就是有 bug， 它跑起来有问题， 要么就是它其实跑起来就还行，但是我们功能需要优化，我们需要增加一些功能，在这个过程，呃 就一般就是就是说我如果增加功能，这个过程一般就二次开发，如果它有问题，呃，就比如说它代码就是运行不起来，它报错了，然后我们要修改这个代码，这个过程一般叫 debug， 呃，然后我们，呃肯定是代码先开发完之后，我们呃在正式软件，软件工程中会先进行测试，但总的来说就是要模拟一下 正式的如何使用这个软件，然后在这个过程中会暴露出一些问题，然后就要对这些问题进行修复，这个修复问题的过程就叫 debug。 在 这里的话， d bug 我 我一般的模式是会复制报错信息，呃，就这个报错信息可能出现在不同的地方，比如说如果是用终端命令的话，它会，它可能会在终端那里输出，日制就可以把终端直接，呃就也通过 这种选举，然后添加到对话的方式来，呃添加到这对话里，或者是你可能是在域编辑器之外的， 呃那个 command prompt 小 黑窗里面，是从那里面直接复制到粘到这里面也可以。然后要么就是比如说如果是网页开发的话，可能会在 f 十二的那个，呃那个 hermail 里面那个，那也从那个里面复制过来， 然后直接让，就是告诉他那个命令的这个执行情况就是错误在哪里，直接让他修改。在这里的话，他一些比较简单的问题，比如说像 前后端开发，他路由，呃，就他那个接口参数没有匹配上，这种问题他一般都可以直接去找出来。但他有一些细节的问题，比如说我昨天下午纠结半天的就是 fast api 部署的后端服务， 呃，那个终端用 ctrl c 没有办法直接暂停，呃，就像那个问题，他就， 呃他就没有办法直接解决，就是他就是我告诉他有这个问题，他就直接说，哎，就是好像有一些软件就是必须要手动关闭的，这就他他他回答的就根本没有什么意义。 然后最后我还是自己通过古法搜索的方式去呃谷歌、百度上面去搜索解决方案。最后我是在腾讯云社区翻译的 overstock flow 的 一个问题， 呃，就是从那里面找到一个解决方案，然后它是，呃它是给了一个 code snippet， 但是，呃，因为我其实不太熟网络编程这一块儿，所以我也不知道怎么加，所以我直接把那个 over， 呃，就是 overstack， 呃 stack overflow 上面的那个代码片段直接复制给了 solo code， 然后让这个 ai 来帮我加到代码里面。就是说， 呃这个 ai debug 的 这个过程呢？就如果你明确能给到它解决思路，它其实也能实现。但是就是如果就现在，如果你不引导它的话，它很难像人类这种古法编程的方式去网络上反复的搜索。 呃，验证啊，就就用多种方式来进行验证，最后来确定问题。就是就是这个 tree 其实也可以网络搜索，虽然我一般不太开这功能，但是它是可以的，但是它就是在这方面的实验效果还是不如人类，我感觉这方面可能是以后也可以优化的一个方向，嗯，就我自己可能会往这方面在努力做开发。 呃，然后单论这个 fast api 的 这个 bug 的 话，我之前还以为是 fast api 通有的一个 bug， 但是我之前也用过 fast api， 我 也没有遇到过，我又今天又重新试了一下，发现好像 发 c p i 确实默认不默认情况，简单情况不会出现这个问题，我也不知道为什么会出现那个问题，但是就是只能说明它确实有情况会出现这个问题，而在网上能看到别人有出现过类似问题的时候，也能通过类似的方式来进行解决，所以这个 只能说是知其然而不知其所以然的问题，我后续可能也会在。呃，就是发一下这个问题的技术博课，就是我看 发生这个问题原因应该是因为多进程或者多现成的问题，就是在 terminal 终端运行的那个 ctrl c 之后，它会显示它已经暂停了，但是它不会弹下一个 prompt， 就是 它没有没有能真正的关闭，应该是因为多现成或堵塞的原因。像这种奇怪的 bug 感觉就是 ai 不 擅长去抵的 感觉。嗯，就是感觉在正式的开发过程中，其实最多的时间是花在 debug， 还有一些很细微的这个功能调试，有的时候它功能可能也能运行，但是就是效果不满意。比如说我之前开发一个下班时间倒计时的一个软件，那个是那个我一开始也花了很多时间 debug， 但是最后 最后花的时间更多的应该还是在调那个界面的效果，就包括像那个 q t 界面的啊，那那拍 q t 拍 q t 界面的 字体的大小啊，还有字体的这个颜色啊，还有它点开以后这个设置界面可以设置哪些内容， 这些很细节调整。呃，然后当时我也基本上都是 web coding， 基本上都是用 ai 编程让 ai 来帮我改的。就如果是，呃，主要还是因为我自己不太熟拍 qt 这个包，呃，因为因为确实是 ai 一 开始给我推荐用拍 qt 五这个包，所以我就听从了它的推荐， 嗯，其实我之前一直用的是 python tikinitor， 就是 内置的那个 ui 包来画这个客户端界面啊。然后，呃，但是 ai 也 就 ai 的 便利，就是它能够快速地让我这个不会用拍 qt 五的人就迅速地实现一个拍 qt 五样式的这个客户端软件，但是肯定是对这个语言更熟的人，它更方便去给修改， 而呃，而我就只能让 ai 来帮我改了。另外还呃还有一个点就是在呃，就是在 solo， solo 开发过程中， 呃，就是我在 solo 中应用到的，我不知道那个 id 那 边有没有这个功能。就是在 solo 聊天的过程中，它的上下文如果积累的过多的话，它会， 呃，就是就是不管它积累多少，它都会显示现在上下文的这个占用率。这个上下文的话，它是根据每个模型的不一样，比如说在比如这个豆包 seed code 的 这个模型，它的上下文窗口就是一百八十四 k， 也就是十八万四千透看， 就是就是比如如果这个时候就已经用了一万八头肯，他就会显示占用百分之十，然后这个模型他是肯定最多只能占用百分百，那我，呃根据编程经验来看的话，他在 就建议是在百分之七八十的时候就考虑要么是新开一个任务重新问，要么就是 就是给他压缩一下上下文，就我在 tree 这边使用的体验式压缩上下文，基本上不太影响 ai 后续输出。对之前的 呃记忆的一个啊，就是最之前之前内容的一个记忆，当然也可能是因为我之前编程会给他写一个很详细的文档，呃，就就我不太确定到底是哪个原因导致的，就是呃，所以这个故事告诉大家 要好好写文档，总之大家先好好写文档吧。然后呃就是它它这个压缩完，压缩完就恢复到百分百分之一了，然后就可以继续用，因为这个 acn 现在还是免费的，所以当然大家就 尽情的用这个上下文。好吧，就不像某些有 token 限制的这个编辑器就需要有一些这个节省 token 的 手段，现在这个 token 是 字节加的，不用给它省钱。然后 另外还有一个呃就值得注意的一个设置的点吧，就是这个 就到就这里的规则，在这里是可以设置个人规则和项目规则，这个就是它也是 markdown 的 格式。呃，然后 呃就是如果要写的话，就是用 markdown 来写就可以，就是指定它这个输出语言或者是这种输出的这种理念，还有这个就它命令行 调用。嗯，在在这里在这里我是已经妥协了，就是我让他这打开 power share， 那 我希望这个 tree 更新之后能够打开 c m d。 好 吧。 然后在这里我也是个人的这个情况，因为我用的是 u v 来管理派散虚拟环境的，但是 tree 会默认用 pad 来写，就是如果我不指定让它用 uv 的 话，它就会用 pad 来写，这个应该也是因为，呃， pad 还是现在应该是最火的。嗯， python 包管理器，所以它学习的数据里面主要用的就是 uv。 呃，然后 在这在在在设置这里还可以设置项目规则，就是就是只指定当前项目， 呃，就这个个人规则，它是放在那个就是用户的路径下的，然后这个个人规则它就是放在这个当前项目，就是当前这个文件夹编辑器底下的这个， 呃，这个 t r a 点 t r e 就是 它自己的那个，就是就是说它它自己的那些文件夹就会放到这里， 就比如说它这个 documents 这些就会放到这里。呃，然后另外还有就是 因为 tree 用的就是 c vs code 的 自己的，呃，那个开源版就是，呃， vs code 的是官方开，就是它它早期版本会开源，所以，呃，就是像 curser 啊， tree 啊这些都用的是 vs code 的 这个开源版本进行二次开发来实现的。所以就是像虽然像 vs code 里面的一些快捷键，比如说 ctrl shift p 那 会打开一些设置命令，这种功能都是跟 vs code 是 一样的。 因为在这里就是如果想执行 python 命令的话，呃，就是 要么用终端执行，要么就直接用 python 执行嘛。就是我其实习惯用终端来执行 python 命令，因为，呃，就用终端的话可以去更灵活的设置一些参数， 然后用这个，用这个的话好像得得再设置一些什么才能设置那个参数。呃，我不是很常用，这个我不太清楚，如果用终端的话，就直接 在命令行里面加参数就可以。然后就是如果用的是像安娜康达或者是，嗯，就是 python 自己的那个那个 type 之类的 这种来管理 python 虚拟环境的话，就直接用 python 叉叉点 py 就 可以运行 python 命令。然后我用的是 uv 的 话，所以 呃所以我也可以用 u v run 叉叉点 p y 来执行。当然用 u v 也可以先呃创建一个这个虚拟环境，在这里可以看到这个点 v e n v， 就是 呃根据 呃 u v 来管理的这个虚拟环境来创建的一个 type 虚拟环境。然后就是执行这个 activate， 在 终端里面直接运行这个 activate， 激活这个 编辑环境之后，就可以直接用 python 或者 type 来呃，就是运行命令或者是运行测试之类的。然后呃，就是还有一个功能，就是 就是 tree 在 代码里面把鼠标放在这种呃对象或者是命令上的话，它就会直接显示这个类的这个情况，然后再 按 ctrl， 然后再点击这个类的话，它就会跳转到这个对应的这个源码，这里就是 python 是 可以直接跳转的，因为 python 的 源代码是 完全公开的，有像 c 加加之类的语言可能就没有这个功能，然后主要内容就这些。

大家好，我们继续对二零二五年这个 ai 编程进行总结啊，那本期视频呢，就是来对我用过的这些 ai 编程工具进行一个实战排名，那么我的排名是基于下面这个五个方向啊。第一个是创新能力，就说你 你出的一些新的功能，或者说一些新的啊特性，有没有成为行业的一些标准，或者说让别的 ai 编程工具来学习你。 那第二个就是代码搜索和缩影能力，那这个是非常重要的，我们在跟 ai 编程工具对话的时候，我们经常要让它去搜索代码，那么如果说这个 ai 编程工具这方面能力很强，那它搜索啊，或者说这个找到代码这个准确率就非常高。 那第三个就是上下文的组装压缩这个能力，那你这个也是会影响你兑换的质量的。那第四个就是 ai 调音的这个工具流程，第五个就是交互这个并节线，那我会从这五个方面来进行一个综合的考虑。那在进行排名之前呢？那么这有三个原则。那第一个就是 以下参与这些排名的工具啊，是我用过的，那如果说没有出现在这个名单里面的工具，那说明就我没有用过，那我没办法去让他去排名，所以也不是说他这个工具不好。那第二个就是这个排名的期限啊，是到这个 今天，那么今天之后那 ai 编程工具肯定会继续发展，至于他以后发展成什么样子的，那这个是不知道的，所以说这个榜单也是有一定的实现线的。那第三个呢？就是啊，萝卜青菜各有所爱，每个人只要是喜欢这个 ai 编程工具适合自己的，那么这个就是最重要的。那么我先从 ai 开始说起， 那这里面特别要讲一下，就是这个腾讯的这个 clubbody 啊，那么其实在我上一期这个排名里面，其实它非常靠后的，因为当时它出了很多问题，但是现在你去看的话，它不仅支持了很多这种 jbd 系列的模型啊，还支持这种子弹里啊、 skiers 啊， 记忆啊非常多，就是这个市面上各个 ai 编程好用的东西啊，他都给他给集成到这个他自己这一款编程工具里面去了，所以说是个非常全面的工具。然后呢他也给自己的生态啊，小程序这种生态开发 啊，这个集合的非常非常紧密啊，如果你是要去做小程序开发了，那么它是一个非常不错的选择。那么还有这个 k 了，为什么我会认为它是 a 这个级别呢？因为它其实处在一个尴尬尴尬的这个位置，比如说我如果想用这个规范驱动去开发一个东西，那么从零到一这个是非常适合的， 那么你一旦开发完之后需要去迭代，那这它的这个规范驱动就变得很重了。就比如说你要解决个问题，你如果用普通对话方式，你又觉得可能没有那么详细，那么你如果用它的 spec spec 对 话的方式又觉得又太重了，所以它是处在一个就是啊 一个很尴尬的中间位置，它非常适合用来做零到一的驱动启动，但是呢不适合做这种一到 n 的 这种迭代，所以说我把它放到这个 a， 那 client 上拎 code 呢？其实也是非常非常不错的，因为他们对接的其实是各种各样的 a p r， 然后他们的这个交互啊，或者说他们提的这种 plan 模式也是非常不错。 那么这里面还有一个特别介绍的这个 open code， 是 一个开源的这个 client 式的这种编程工具，它有支持界面的，而且目前在 github 上有四十多 k 的 这种 大，所以说也是非常一个明日之星吧，那里面有非常多的功能，说如果你是个开发者，你可以非常建议你去使用这款 ai 编程工具。 那么再说说 a 家这四款啊，那第一款 winsole， 那 对 winsole 的 这个我的评价就是什么中规中矩啊，就是现在发展的不温不火了， 那其实它里面有一些功能也是非常有意思，比如像 code map 啊，能够通过简短的快速的去来找到你这个代码的一个结构，非常适合用来分析你的一个老的项目，找到某一段核心逻辑的这个具体的流程分布。这 code map 是 非常，而且它是性价比非常不错啊，一个月 十五美金，然后五百次的请求，然后又可以用到非常多的这种 cloud 模型的最新的模型。然后呢，自己也有的这个 s w e 自己的这个底层模型啊，所以说也是个非常不错的的 ai 编程工具。那我这边要重点说一下，就这个坠， 那这款 ai 编程工具呢，跟 kilo 之间就是有一点点差异，就是它也可以切换到专门的有一个叫 spec 的 这种模式啊，那这个模式呢，它只会 出文档，不会改变任何代码，而且呢它支持这个 sub agencies 啊， skills 啊，这些东西全部都支持。还有呢，就是它的这个交互这个界面啊，是所有终端里面我觉得是最清晰的，各种颜色字体的颜色分布的都非常的 清楚，如果说你不不太喜欢用 color code 的， 你可以用锐的，然后加这个质朴啊，或者说 mini max 的 模型也是非常顺畅。那我之前一直在用它来开发项目啊，就整个过程是还是很舒服的。 也中这里要说一下这个 tree 啊，那 tree 其实也是个非常不错的一个 ai 编程工具，虽然说断这个 cloud 的 模型断工了，但是呢，他在这个用户群体上是有非常大的一个用户群体基础的，而且他出了很多功能，比较 solo， 这种 是比较早出的这种从一零到一完整过程的 ai 编程工具啊，就他当时出 solo 模式的时候，其实还没有 ai 编程工具能把整个流程全部嵌在一个， 这个流程嵌在一个工具里面，所以它是很优先的，就做到这一点。那第二就是它性价比真的是非常非常高，而且它现在就是啊，有这个界面，三 pro 这个模型支持，还有这个 gpd， gpd 系列模型支持，那么在整体的效果上 啊，并不会比之前有 cloud 的 模型会差很多，但是呢，它现在出来一个也是一个非常有尴尬的地方，就是什么呢？就是它的普通模式啊，你用普通模式去对话的时候，因为双氧完成了限制，效果不是太好， 当你要想解决这个问题的时候，你用 max 模式的时候，又会出现就是一次对话会消耗十几次请求，那么你这样的话，就是啊，你可能六百次，这样的一个总的次数，你可能只能对话个六十次，那这样其实很不划算， 所以呢，就是你要去解决问题，你要你就只能去开 max， 开 max 之后你的对话次数就用的非常快，你如果不开呢？你这个问题可能一直在那儿绕，所以我觉得这是它的一个最大的问题，它还没有找到，就是说在性价比和解决问题之间一个很好的一个一个中间的一个形态，它目前还没有找到。然后就这一款这个 rap 也是我觉得它除了是一款很出色的这个 ai 编程工具，也是一个非常好用的这个终端命令行工具，它能既它能保存你的所有的这个终端命令，然后你能一键快速的去给它唤醒啊，或者去执行啊，非常非常不错。 那么接下来就是 s 减了，那 s 减其实这几款其实大家都应该非常熟悉啊，那第一款 cos 啊，它的这个界面交互啊， tab 啊，还有这个浏览器的这个设计模式 都是非常不错，也是在引领着整个 id 就 ai 编程的一个方向啊，它的这个生态也是进行的非常非常好的。第二个呢就是 arduino code， 那 它是目前我觉得是做大项目 目前表现最好的一个 ai 编程工，因为它有最强大的这个代码的缩影搜索这个能力啊，然后它现在已经把它这个能力啊叫上下文的这个 m c p 啊，已经开放给其他的 ai 编程工具可以直接使用了，所以说这也是个非常不错的。 那么在之前的排名当中，我是把它排到 s 的 级别了，但但是现在因为它这个托管消耗实在是成本实在太高了，所以我把它又往下降一点。那么第三个呢，就是谷歌新出这个 antigravity 了吗？也是非常非常不错，我觉得它不错主要有以下几点。第一呢，就是 它性价比非常高啊，只要有这个教育的这个账号，还有目前出来个套餐是九十美金还是九十九美金，可以用一年。 然后呢，它又支持 gmail 三 pro， 也支持这个 office， 每天都会重置，所以这个非常非常不错。而且它是一个在已经成熟的这个编程工具里面 miniso 里面 迭代出来的，因为是同一个团队嘛迭代出来，所以说它已经度过了那种啊要不断的 bug， 就是 bug 的 这种方式啊，它是一个比较成熟的 ai 编程工具了，那里面也有一些比较有特色，像 playground 啊， agent manager 啊，都非常不错。而且呢，它还集成了 google 了这个 nalbruno， 可以帮你在整个对话中去产生一些图片，比如说 logo 的 制作呀，这些都是非常非常有意思，因为它是浏览器第八个模式，也是非常有意思，所以说这是一个我觉得是一个非常不错的一个 ai 编程工具啊，可以去建议去使用体验一下。那 code x 呢？其实啊，我觉得排到 s 级呢，是因为它这个模型的能力，那么 你可以问一下，就是克洛克斯你用过之后，你你有没有记住他有一些好用的功能？其实是没有印象的，因为他现在很还是一个追随者的一个步伐，就他现在很多功能其实是满足普通对话去解决问题就行了， 它没有说一些很有特色的功能，比如没有像 cloud code 一 样，哎，我有 scares， 我 有 safari 键，没有，它现在是只是一个啊，在追随，我要把基本功能都实现。所以在编程工具，如果单独扔开模型去讲编程工具，我觉得它是到不了 s 键的，但是因为 g p g 五点二 系列或者是五点一系列这个模型太好用了，而且跟 codex 结合的是能发挥它最好的效果，所以我就把它拍到 s 键了。那么最好最好当然是 s s 这个 cloud code。 那 其实 cloud code 为什么排在第一第一位呢？我觉得主要有以下原因。第一， 它已经建立起了一个完完整整的生态，这个生态围绕 cocoode 来建立了很多很多功能，很多特性，它这个 ajax， 还有这个 skis 这个插件已经成为了。就是啊，很多很多 ai 编程工具去学习，去把这个功能搬到自己来的这个， 这个一个非常大的一个创新了，而且它不但在迭代这第一个，第二个呢，就是它不仅仅是在编程领域里面可以使用，它在写作呀，自媒体运营，你都可以用这个工具去发挥你各种各样的想象力。特别是最近的 sketch 出来之后啊，很多很多人已经把像 n 八 n 啊，或者非常非常多 工作旅游的这种东西啊，把它全部转化成像 coco 的 skills 了，我觉得这是非常非常重要的，是它建立了一个生态。那第二呢，就是它不仅仅是编程这个领域，其他领域都能完全覆盖到。 第三个呢，就是你只要有这个客户端有这个 ccm， 你 就可以去对接国内的模型，就它不存在，比如说像你可能下面有一些模型，比如像像 rap， 像 rap， 如果你想去对接国内的模型，你必须是付费，你是必须是会员才行。那么 coco 呢？是没有这个限制的， 你只要是你的模型支持它的这个 acolyte 的 这种协议，对吧？它就可以对接进来，就可以使用它完完整整的这个扣端的这个功能，我觉得这是非常非常不错的，所以这也非常建议大家去可以尝试使用 coco 的， 虽然它是这种终端命令行的，但是你用起来是也不会有那么大的这种陌生感觉。 那么除了这个排名的话，我会在下面已经把一些啊这所有设计的这个编编程工具啊，都有一个官网的链接，如果你需要的话可以去这边去点击去查看。那么我这个排名就基于自己的用的这种感受啊，并不代表权威。 ok， 那 本期视频呢？如果你喜欢编爱编程的话，可以多多关注。

tray 是 一个装在 id 里的 ai 工作站，它既能帮助程序员干活，也能变成普通职场人的 ai 助理。嗨，大家好，这里是顽皮的程序员，今天我们要讲的是 tray 的 其他写秀用法。很多人一听 tray 第一反应就完了， 自己又出一款新的 ai 编辑工具，给程序员写代码用，对普通人好像真没有什么关系，对吧？嗯，但是如果你只把它看作自动补全的 vs code， 其实你就严重的低估了它。更准确一点的说法是， tree 是 一个装在 id 里的 ai 工作站， 他既能帮助程序员干活，也能变成普通职场人的 ai 助理，帮你搞定一堆和代码无关但是特别消耗时间的数字换任务。今天我们就从两个视角来聊，对于程序员来说，翠除了写代码，还能怎么塑造你的工作方式？那么对于普通的职场人来说，哪怕你几乎不会编程， 也可以把翠当做一套 ai 工作流的工具。我们先聊程序员，因为翠的第一大主战场的确就是开发者， 传统的 ai 编程助手更多的就是在当前文件里边给你去补补代码。退的思路不太一样，他是直接把整个项目当做上下文来理解，你可以干几个平常特别费劲的事，比如说接受一个陌生的项目，你可以选中任意，然后问退，说帮我写个五分钟上手的指南，那他就会去补项目的结构， 启动的方式，核心的模块，自动帮你总结出了一条快速认识这个仓库的说明书。那比如说你在终端里报了很大串红，你完全可以把日制直接拖进对话框，问他按照优先级帮我排一下这些报错，按照先后次序去把它修复了， 他就会把具体的错误和具体的文件以及具体的执行逻辑关联起来，给出你一个合理的从易到难的修复路径。 这类用法的本质其实就是把 tree 当做一个项目翻译官和一个技术总监，而不是当做一个只会捕解码的小助手。相信很多开发者已经接触过 tree 的 build 和 solo 模式，可以从一句话开始需求，一路帮助你规划架构，创建文件，写代码， 那跑起来，甚至说做到，基本上你不用敲代码就可以完成全流程开发。你可以这样玩，在 build 里面说一句，帮助我使用 react 做一个简单的后台管理界面，要有登录，要有表格列表，要有分页搜索，它就会像项目经理一样就会变。 那我就创造这些文件，用这些技术站，然后一步步搭建灯，是吧？你只需要使用自然语言对他进行需求的编码，比如说加一个 excel 的 导出功能来配置一个简单的权限控制，他就会根据你的要求，然后自己去改代码，自己去补依赖，自己去更新前后端的联动。 这里的重点是什么呢？程序员从亲自下场造每一块砖，变成了描述你的房子是什么样，然后和 ai 一 起去改完图纸完成它。 这样的方式尤其适合一些个人项目小工具，或者说内部脚本这类不值得花太多时间的需求。当然了，在很多退的实战中，也会用来干很多我们愿意干的事。那程序员不爱干的事有哪些呢？比如说写测试， 写文档，或者说通过别人的项目，那我们就可以简单举几个生动的例子来讲一讲退怎么去干这一项。 比如说我们写测试，我完全可以指定让他去做支付部分的模块的单元测试，他就会自己去找对应的类与方法，然后生成测试用力，然后顺手要用 m、 c、 p 帮你完成这些测试，并且提出改进方法。那么文档相关呢？也是我们程序员头疼的一个事， 你完全可以把它交给吹，那比如说让他从这个接口文件里生成一份接口，说明带有请求式利和回值的利，同时可以要求他顺便把它更新到你们约定好的文档格式。最后一个就是重构了，这个事对于程序来说都很头疼，因为我们没办法天天去阅读，那么大量的代码 有了退以后，一些加急的重构项目就可以更轻松了。比如说你可以跟他说这一段的 excel 上面加上格式，他不光会改，还会告诉你改了什么东西，为什么这么改。 那对于这个程序员朋友们来讲， tree 他 最适合干的这些内容，就是我们最不喜欢干的那些内容， 就是那些你明知道该做，但是会拖延工程挖的工作。那听到这很多非程序员就会问，我又不写代码， tree 跟我有什么关系？其实现在很多的 ai 编程工具 都已经在往通用 ai 工作台的方向去进化了，那吹也一样，完全可以通过下面的三个势力来让你了解到他的一些习性用法。我们职场人的最大的痛苦之一就是阅读过长文案是吧？行业报告啊，竞品分析，会议纪要和条款，那吹在场上下文的处理和理解能力， 他是非常强，为什么呢？因为本质上我们写的代码，我们写这些技术文章都是非常长的东西，是吧？代码本质上就是一本非常长的故事书， 所以他在处理任何文档的时候，都有非常强的这个分割处理和要点提炼的能力。那你可以使劲的玩吧，把一个几十页的 pdf 直接丢给他，让他帮你列三五个核心结论。或者说把这个会议要丢给他， 让他给你出一个给领导汇报的大纲。或者说你在某件事情上，你觉得思前想后，有些问题没有想明白，你可以让他帮你列一下我该问老板的什么问题。对于经常写汇报做内容的职场人来说，这就等于给自己配了一个阅读型的助理， 哎，所以你不一定非得会写代码。你可以把 tree 想象成一个更懂技术语境的豆包或者叉 j p p 的 前端， 之后只是它刚好长在 id 一 里。那么第二个大的场景呢？你完全可以让它当做你的学习教练。那对于想要学习 ai， 学习 python 或者其他前端知识的职场人呢？ tree 其实是一个非常好的带环境的家教，你想他既带着教材，又是一个练习场，你完全可以这么用，因为他请你像老师一样， 用最简单的例子给我写一个方形框，并给我注视清楚。这个时候你就完全可以根据他写的这个代码，这个视力，直接点击一键就可以进行运行。同时在这个运行过程中，还可以看他一行行的注示代码，可以知道每一行他们究竟在干什么，他们在整个厂区里来起什么作用。 那比如说我们从别处抄来一段代码，完全不知道怎么用，你就可以直接拖给他问他说我抄来的这段代码是干什么用的？请使用小白都能听懂的语言帮我解释一遍， 他就可以结合你给他的这个代码上下文来告诉你这个代码该怎么用，他的输入输出及他自己是怎么工作的。这样一来呢，学习 ai 编程，你不需要在完全看一大堆课，不需要自己在瞎写，也不需要说到处找人问，又没人回答你， 你完全可以边写边问，然后随时都有人来给你制作。那对于想要转行呢，想要提升 ai 相关技能的职场人， 看网课的这个效率要高了很多。第三个大的场景就是退支持智能体和 mcp， 所以 你完全可以把它当做一个智能体团队， 你可以使用退去帮助你跑流程。比如说打开网页查数据，整理表格，生成报告。比如说你是一个市场或运营的同学，那你就完全可以做一个热点监测的智能体，每天帮助你去抓取这些新闻和竞品动态，并整理成一个战略。 那如果说你是一个产品或者项目的同学，那你完全可以让智能体定期扫描你的需求文档版本说明自动生成，并不能删掉和给老板看版本的更新要点。 那么如果你是一个数据相关的岗位，你完全可以让他直接连数据库或者接口，帮助你生成一个统计报表，并给你去说明这些报表里面数字的变化，说明了什么，然后你可以拿这个东西直接去汇报，当然呢，这个里边最核心也是最重要的， 哪怕你不会写成脚本，翠也可以让你以说人话的方式把这个重复性的数字工作完全办好。最后希望大家都能够实际的进行操作一下。如果说下次你接到的项目，先在翠里边问问他，帮我写一个五分钟上手纸，再换一个项目的模块关系，试着把这些写测试这些事情完全交给翠， 我们来看一看翠能不能帮助我们在编程里面做很多事情。那如果你是一个普通的职场人，正在学习 ai， 可以 挑一个你最近必须要搞定的任务，去读一份报告，或者写一个汇报， 学一段 python， 把这些事情完整的丢给翠，说清楚你的目标以及你的时间，比如说你只有一个晚上，帮我拆成几个步骤，每一步都先给我一个模板等等。 那么 ai 编辑工具的下站其实不是取代当前的程序，而是让每一个懂一点数字化能力的人，都能够拥有一个随叫随到的数字化搭子。觑就是这样的一个处境，只要你愿意开口，他就愿意帮助你干活。 我参加了退在天津的线下活动以后，越发发现有很多邪修用法，所以特别感谢退的官方给大家提供这么好工具，希望大家能够在后边的工作和生活中能够用退做更多其他的事情，也能够让大家的生活，让大家的工作更有效率， 更加愉快的去完成自己手中的事情。如果你有更好的关于 tree 的 使用方法，哪怕是鞋球。请你在我的评论区留言，一起来讨论一下，也让更多的人知道 tree 怎么能够在工作和生活中去做其他的应用。好，这期节目就这样，我们再见。

现在有 ai 真是什么都能做呀！请选出双手的手字， 你真棒！刚刚我用踹生成了一个教小朋友认字的系统。我家小朋友不爱学习，就得用能互动的游，游戏性的他才愿意玩。通过这个应用，他还更愿意主动来学习这个应用。我是一行代码都没写，真是普通人只要有想法就能做。 我是学着 jammin 那 些视频，让它由手势识别、语音播放、 ui 设计、功能设计都是 ai 完成的。这个网站大约花了一小时，中间不断地提要求，反正现在国内吃也免费，可劲造。真棒！ 太厉害了，你答对了所有题目。我还做了一个简易的管理功能，可以自由录入需要学习的文字。 然后之前还玩过扣子平台，搭建一个 ai 工作流，还可以快速生成认字，你看文字问题图片都会帮你直接生成 ai。 平权时代真是到了！这太酷了！只要你有想法，人人都是产品经理。

手写网页一个小时 out， ai 直接一分钟速成， 零代码也能当前当大神！今天这波操作看完就会记不住， h t l 标签调样式调到崩溃，图片路径有也包错，别慌！ ai， 当你的编程搭子，你说人话， 他直接写代码。第一步，打开翠，请借个文件直接说需求，比如生成个人摄影网页标题，我的摄影日记，正门又网格不及，里面放一个卡片， 卡片上面是装图片，图片下边记录我拍摄这张图片的故事。里面的图片写有临时文件链接，底部放一个 看更多的按钮，点击发送。见证奇迹的时候到了， ai 又不到十秒就给出标准， h t l 加 css， 不 用记任何标签，点击运行。现在这个图片的临时地址不能用， 我们给它修改一下，直接在这里输入，给这个图片换一个地址，哎呦噗嗤噗嗤的给我们干活。它干完之后，我们看一下这个效果，非常完美。 恭喜你成为程序员，从牛马升级成高级牛马！