2.Trae 的使用方法和界面介绍
这一节课的话我们就来开始学习train它到底是怎么去用的。首先的话我们来看一下它整个的一个基本界面,一一打开来的话,它就是长这个样子的那从这里的话我们可以看到整一个的目录,它跟我们的VS code还是很相似的对吧?就是文件编辑器选择查看转到等等等等。那这些的话都是,怎么说呢,就是你可以后续,你可以慢慢去看他的这些菜单,对吧?
我们用到了我们再说,我们来看一下它的核心功能,好吧?我们直接看啊,这里的话就是我们比如说你想要在哪个文件夹来做开发,对吧?那你可以让他去打开文件夹。好,比如说我们在这里,我们可以让它去打开对吧?比如说打开这个code,这个目录,当然这个目录是空的,对吧?它就是以这样子的形式,咱们就选择信任文件夹并去,那这样的话我们可以更好的去对这个文件夹,他比如说去进行写入我们的代码,写入我们的程序等等。
好OK,那么这里的话我们就进来了,又或者说我们现在我们比如说我们现在想要不是打开文件夹了,我是想要让他克隆git下面的一些仓库,对吧?好,那我们可以直接点击这个,就是点击克隆。那点击克隆的话,我们比如说就可以你去到咱们giu b里面,你有哪个项目,那你就可以把它勾选一下对吧?
我们给它进行一个拢到,把这个仓库复制进来,点击选择,然后他就会对它进行下载。下载到我们会有一个指定,是下载到哪个文件夹,也会以一个这样子的形式,就因为下载好了,它就是一个文件夹,对吧?也是以一个这样形式,只不过这里面的话就给get这些them OK好啊,那这样的话我们就可以打开任意的这个文件夹,去进行一个开发。
现在的话我们来开始了,对吧?我要开发什么东西,那我可以往这里看啊,就在我们的右侧边。在右侧边的话,我们在这里可以看到这里有一个聊天,就说你聊天的这个内容,你可以在这里面点击新建一个,对吧?当然现在的话已经新建好了,现在就是最基础的一个新建的状态。
好,接着在这边的话我们可以看到它默认是开启了这个bill的智能体,这里的话我们可以看到它默认是有两个智能体。OK好,那咱们的这这个智能体默认开启。没有开启的状态的话是点击这个就是取消掉智能体的状态。那么它是没有这个智能体的话,它是不能对你的这个当前的文件夹进行一个操作的有了这个智能体,它可以干嘛?它可以对它有一个文件系统,就是说对咱们的这个文件可以进行添加、删除、修改。好,他还可以有远程调试的一个操作,又或者是说他可以对进行一个联网搜索,搜索相关的资料,然后来去写代码。好,它还有什么呢?它还可以预览,就是说写好的代码它可以演,比如说HTL,它可以演示给你看,看最终的一个效果。
好,这个下面还有一个build with NCP。那那这个的话他是说他可以除了它内置的这几个工具之外,你还可以给他添加新的NCP的工具。所谓的NCP就是我们有很多的这些AI智能体的这些工具。那这些工具有很多是别人提供的一些服务,比如说像这一个就是github它提供的服务,那这个给hub提供的服务,它就可以去搜索相关的这个get库的一些内容,对吧?资料好好以及上传。比如说我们把我们的项目上传到给up当中等等,他就可以有这个工具。
好,他就说我们当然的话,我们后续的话也会告诉大家怎么去配置更多的工具。好,那默认是这两个智能体,然后的话你想要创建,可以再点这个创建更多的智能体好吧?这个的话我们后续也是一样,一步一步给大家去讲。好,在这下面,我们还有一个上下文的一个引用。
好,那这里的话我们就是说我们会有一些文件,那么在这里的话我们就可以告诉他,对吧?你可以联网搜索,或者是说你可以去找哪个文件夹,然后干什么,这就是告诉AI他可以去在我们哪个文件夹重点去关注一下。如果你没有去设置的话,那OK他也会什么他也会比如说你调用的是智能体,那么他也会去找去找整个文件夹里面的一些文件。好,然后的话这边的话就可以去添加图片。
这里的话我们可以有啊很多的模型。但是的话像我们现在所看到的这个SONY、GPT44O,这些都是免费可以用的。当然这里的话要有一个科学上网,如果你没有可以上网的话,那么你可能就只能用到这个阿姨,或者是我们的这个think,对吧?这两个以及还有豆包,还有豆包好吗?不能科学上网的话是这样子的那ok。
我们现在的话就来做一个最基本的一个演示,比如说请帮我升,请帮我做一个to do list的web应用,我们就告诉他,我想要一个to do list的外部应用,请你帮我开发出来,就这么简单,我们可以选择对吧,你正常情况下的话,我们现在的话是有挺多选择的。就是现在的话3.7,close SONY,3.7效果也不错,然后这个也不错,然后GPT4.1也不错,然后这个think IE稍微略差一些些。如果你不能科学上网的话,那么就用DVCRE。好,OK那我们现在的话直接点发送,我们来尝试一下。反正既然都是可以用,那你就什么你可以选择,你觉得这一次生成不好,那我们就什么再创建一个新的聊天,重新创建就可以了。比如说反正我们就先创建一个,通过me pro吧?来试一下。好,那么OK我们给它运行一下。
好,那么他一开始的话他就会进行分析问题。然后分析问题之后,他就会看一下整个的一个工作空间,当然我们工作空间是空的,他发现没有这个东西,那怎么办?那他为什么他会首先创建一个index HTL来对吧?
好,然后再接着什么?他会创建一个star CS,你看他的创建is tell创建CSS文件,CSS文件是样式文件,然后接着再再创创建这个js文件。但如果你对这些文件是什么不清楚,没关系对吧?你先让他去创建,后续你可以看我的课程对吧,把这些都掌握。因为你如果你不懂一点代码,你就想着我就靠他,对吧?对不起,你只能做一些最最简单的东西。因为他一旦遇到复杂的东西,他也搞不定。他搞不定,那你就别你就搞不定了。
因为你不知道这些东西是干嘛的,他一旦出错了,你都不知道怎么去解决,什么情况下是给这些,就是说为什么AI能提高效率?AI是提高有技术的人的效率,因为他能够在AI出问题的时候,你帮他解决,解决了那那他就可以什么继续干活了。一旦他卡住了,对不起,那他卡住了你也卡住了,你也干不了活,对吧?所以的话是没有用的,那就等于零对吧?那就等于0。
好,所以的话现在我们可以看到他创建了这三个文件,你看还有这个JS,他都给你创建出来,而且速度还是还挺快的对吧?他就问你,你你你看这些创建出来的文件它是什么?它是旁边有个加号,说明创建了。这边的话我们可以选择拒绝还是接受,这些是更改了的。你红绿色就说明是添加上去的,其实直接看绿色是添加上去的,你可以选择接受,你也可以选择拒绝。就是说你可以在这里选择全部接受对吧?全部接受,也可以单独的一个个点,比如说这个选择拒绝对吧?我们可以单独的点,那我们这样的话点全部接受。
现在我们再说一下,我想预览一下效果。
然后我们看一下,就是当我说了这句话之后,他会干嘛?他会去参考这个上下文。他其实首先他会什么?他会因为你咱们比如说进入到的是这个index HT,就是你?你选的是哪一个界面,你进了哪个界面之后,那么他默认他这里看到的话就是首先是找第一个,然后再结合。如果他需要更多的上下文,他为什么再把其他上下文给你囊括进来?
好,然后我们可以看到他会什么,我告诉他,我想预览一下效果,他会帮我们把我们的这个的服务给它启动起来。因为我们要想在浏览器上看到页面,那是不是浏览器就得去输入一个网址,我输入一个网址,就能得到我的这个网页。那我是不是应该要启动一个服务器在本地,那我他就会什么根据这个网址去访问我当前电脑上的这个服务,对不对?然后他就会把这个页面给我们。
好,那我们现在过来看一下。待办事项?To the list,可以对吧?可以,好啊,那我们随便写一个,对吧?今天要吃鸡腿。好,我们点击添加,没问题对吧?我们也可以删除,可以。好,那这样的话我们的这个本地的一个最基础的一个操作,就给大家展示到这里。好,然后接下来的话我们再来看更加深入的一些使用方式。