00:01
哈喽,大家好,我是库里,今天呢给大家来分享一个腾讯推出的腾讯云代码助手,这是它的网址。然后的话,我们可以打开这个网址,点击这个免费试用,然后的话它支持Vs code, 包括这个ID,那我们前端的话可能经常使用Vs code的,那如果没有的话,你可以先去下载一个Vs code的,如果有的话,我们直接点击这个Vs code, 打开这个。插件,那它就会自动的去点一下这个安装,帮我们去安装它提供的这个插件。在这里的话,我们也可以看一下他提供的这个插件的功能,它支持腾讯混员,包括dexic这个模型。然后这样的话,我们就看到它已经帮我们安装好了,然后的话,呃,我们可以来使用一下它,比如说我们打开。我们可以打开一个文件夹,比如说我打开这个文件夹,这个的话可能是一个比较基础的一个项目,是用do来搭建的,那当我们打开Vs code的时候,我们可以在左侧的这个。
01:12
这个logo就是我们刚才安装的腾讯的这个VSQ的代码助手插件,那从这里的话,我们首先看一下他这个有什么功能,比如说有这个craft模式,它会支持需求拆解,包括代码生成,还有chat chat的话就是我们平常所说的对话模式,那对话模式的话,它可以支持你可以选的是哪个文件,包括你可以选它那个有什么模型,比如说有混源,包括腾讯加这TR1+DV3那种模型,也可以去支持自定义模型,然后去点这里边配置就行了。那还有就是它可以帮我们code review一些文件,比如说进行单个或多个文件平行,包括成复的变更,以及指定编辑器内容,包括这里的话可能就是指定的一个单侧。
02:08
那从这几个来看来,我们呃来拆解一下,首先来看一下它这个chat模式,这个chat模式的话,比如说我们提供的这个provide,比如说帮我讲解一下这个文件的功能是什么。然后我们就可以看他,呃,等待这个回复中。可以看到它这个。他对我们这个详细介绍。对,这样的话我们也可以看到他帮我们详细的解释了一下这个conflict provider这个组件,以及它的功能描述,包括他的具体实现,以及他提供了一些段代码来帮助我们快速的理解。
03:01
然后这个的话,我们还可以重新让他来生成,这样的话大家可以再去试一下,这是我们平常的chat。然后code review的话,比如说我们点一个这个,让他们帮我去评审一下这个文件,然后我们可以看一下它这个生成过程是什么样子的。正在庭审中。那可以看到他这是他对我们进行code review的一个文件,那我们也可以看到一下,这里对说是缺少CTR的定义与引入,需要确保con contest的定义在文件中引入,那其实是这样,我们是引入的。嗯,对,大家也可以,呃,从这来忽略全部以及反馈,假如说我忽略全部的话。又回到回到原先这样了,这个的话大概它就是呃,单次的文件。
04:00
那比如说我们在让他指定我们一个button这个文件,我们可以看一下。来进行评审。可以看到这个速度还是很快的,比如说他这个未正确解构,应该应该是带上一个括号,这个确实是有问题的,对,这就是他提供的一个code review的一个功能。那我们接下来再看一下这个单侧,单侧的话也是去指定一个文件,比如说我让他去帮我生成我们写的这个button组件的一个单侧,看他会是什么样子。他这个的话主要是正在收集上下文信息,然后根据上下文信息来帮我们生成对应的单侧。
05:16
这个可能稍微有点儿慢。大家也可以看到,你看就是在代码处,它也有一些解释,代码,代码修复,呃,生成文档,生成测试代码关闭,代码评审。这样我们也可以看到他帮我们生成了18个测试用例的文件。然后来验证不同的功能。这是他的提供的这个单侧,那其实看来我们现在写一些组件的话,完全可以使用AI来帮我们写单侧,这也可以减少一些呃,不必要的时间,大家可以看一下。
06:10
他帮这就是帮我们写的这个单册,看起来还挺完整的。OK, 这是他的那个单侧功能,那最后来看一下他这个功能,这个功能的话是需求拆解,包括代码生成,你可以给他一些任务。可以选择默认的爆破或者V3,其实它也支持MCP。Server, 那比如说让他,呃帮我实现一个。Input组件使用react+TS,看他会怎么帮我们思考呢?我们可以看到,就是它首先也会根据我们提供的提示词来拆解这个任务,然后根据拆解的任务来自动帮我们去处理这个。
07:10
经验的流程我们可以看到,就是首先他会去分析这是一个do的一个项目,那在Demi的话,他会帮我们去创立这个眼input的组件。那我们也可以看到他在RCS下面创建了,本身是有这几个的,那他就会在这个里边去input。然后他也会让我们去询问是否要,然后我们点一下修改啊,我们可以看到这一侧帮我们实现了关于input的组件。我这个是那的事情过了,我建议你们下周是我们那边两台机器同时在直播,会互相影响,好好好,谢谢啊,没事我聊,你只要不说话我就直接进来。
08:01
对这样的话,其实也可以看到我们这个修改。对,这样点的话,我们点这个全部接受,这样的话他就帮我们生成了这个引出的组件,我们可以看一下他帮我们写的代码,其实完整度还是比较高的,包括它的样式。呃,这样的话就是大概腾讯云帮我们提供的呃,Vs code的插件这么一个AI agent吧,算是。啊,大家也可以尝试一下,我比较推荐,然后大家平时的时候也可以使用这个V这个插件来帮我们开发一些业务代码,好了,大家可以去这个里边来下载。我们也可以看到它支持很多种的语言。今天的分享就大概是这些,然后主要来体验一下腾讯呃,提供的这个AIVS库的插件,然后做什么功能啊,大家大家可以去试一下啊,拜拜。
我来说两句