Visual Studio Code 中安装 DevChat 的体验与评测

Bertha 。 2024-04-22 15:02 38阅读 0赞

## Visual Studio Code 中安装 DevChat 的体验与评测 ##

\*\*\#[AI编程助手哪家好？DevChat“真”好用 ][AI_DevChat_] \# \*\*

## 专属注册码（注册领红包）：meri.co/ox8: [专属注册码（注册领红包)][AI_DevChat_] ##

### 1.前言 ###

在软件开发的过程中，如何让新手写出优质的代码一大难题,而DevChat的出现成功解决了这个问题。`DevChat`却为像我们这样的开发者提供了非常便利的解决方案。今天，我将为你讲解在VSCode中如何安装和使用`DevChat`，以及`DevChat`可以如何优化我们的开发体验。

本次评测，我们关注的是VS Code中的一个强大的插件——`DevChat`。开发者在进行开发的过程中能够与DevChat进行即时通信，提升编程效率。在这篇文章中，我将亲身体验并详细介绍这款插件的安装、使用和特性，并通过代码示例解释其对我们开发过程中的帮助。

在软件开发世界里，有很多工具提供了我们用以简化工作流程，提高开发效率和编程体验的可能。Visual Studio Code（VS Code）就是其中的佼佼者之一。作为一款灵活且功能强大的源代码编辑器，它提供了丰富的插件，以适应各种开发需求。

### 2.关于DevChat ###

#### 2.1什么是DevChat ####

**DevChat**是一个集成了多种主流大模型的AI编程工具,专注于提升程序员的编程效率。它整合了ChatGPT、Codex等热门AI大模型,支持自然语言编程、代码编写、代码生成、代码补全等功能。Devchat最大的优势是一站式服务,集成热门大模型，并且可以根据需求随心切换，省去了选择和整合不同AI模型的麻烦，无需过多配置就可以快速上手,从而全面提升开发效率。**产品务实高效，近期还在\*\*\*\*2023*****QCon全球软件大会*****亮相，斩获众多圈内开发者的好评**

#### 2.1能兼容多种主流大模型，多种模板快速响应.不再纠结AI编程助手哪家好 ####

（GPT-4 8k/32k、GPT-3.5 4k/16k、Claude2、文心一言、星火、ChatGLM、Code Llama等……）

#### 2.2精准的上下文控制：可根据需求选择代码片段进行AI ####

附：优势特点简述

![image-20231031132128575][]

*  多种大模型任意选：复杂任务非 GPT-4 莫属，简单任务交给低成本模型，组合使用效能最佳
 *  精准的“上下文”管理；把任意代码段加入对话，不靠 AI 时好时坏的猜测，把控制权交还给用户
 *  简单可扩展的提示词目录：开放提示词扩展，Prompts as Code，满足团队和个人自定义需求
 *  灵活的 Prompt 模板管理，ask-code功能解答代码库的各类问题
 *  产品设计务实，迭代反馈快
 *  代码和文档自由生成，而非简单补全
 *  对接微软 Azure 服务，可信赖的企业级数据安全

### 3.测评使用 ###

#### 3.1安装 ####

本次评测，我们关注的是VSCode中的一个强大的插件——`DevChat`。`DevChat`是一个开发者聊天窗口，它可以帮助开发者在进行开发的过程中能够进行即时通信，提升团队间的协作效率。在这篇文章中，我将亲身体验并详细介绍这款插件的安装、使用和特性，并通过代码示例解释其对我们开发过程中的帮助。

我们可以通过 https://meri.co/jwv 来打开他的官网。

![image-20231029201814593][]

通过注册登录进行免费试用即可。

![image-20231029203302033][]

这里可以选择邮箱或者第三方登录，我这里就选择了邮箱登录，大家随意选择即可。

然后，要在VS Code安装DevChat插件，非常直观和简单。在VS Code的侧边栏选择扩展，搜索“DevChat”，找到它后点击安装即可。安装完成后，就可以在VS Code的侧边栏看到DevChat的图标。

![fd4bac0690f24dc4be8556f5de2ad52c.png_pic_center][]

#### 3.2设置APIkey ####

当我们注册成功之后，会在我们的邮箱中看到发给我们的**APIkey**。

![image-20231029202936999][]

然后我们进入我们的VScode界面，

1.从 VSCode Marketplace 安装，或者VSCode里点左侧插件，搜索“devchat”安装。

2.按 ⇧ ⌘ P（苹果电脑）或 Ctrl + Shift + P（Windows操作系统）或者 F1，打开命令面板，输入**devchat access key**回车，再输入邮件收到的 key（以“DC”开头的字符串）。

3.当右下角状态栏`DevChat`出现✅，表明可以正常使用；点击✅出现对话框。建议拖动?到右侧，避免在左侧工具栏中来回切换的麻烦。

4.在编写的过程中，我们不确定该功能的具体实现，因此，我们可以通过`DevChat`直接在VS Code中发起讨论。我们只需用鼠标选中代码，然后在右键菜单中选择“在`DevChat`中讨论”，将代码发送到开发者群组。

5.在这个聊天窗口中，我们可以看到其他开发者的反馈及时归来，他们可能对代码提出评论，提供反馈，或者给出改进的建议。这样的功能彻底打破了团队间沟通的鸿沟，让整个开发过程流线化，提升工作效率。

6.`DevChat`还有另一个非常实用的功能，那就是**我们可以对聊天内容进行搜索**。假设在过去的某个时刻，团队曾经讨论过如何处理exception的问题，而现在你想回顾他们的讨论，你只需在`DevChat`的搜索框中输入关键字，就能找到相关的聊天记录。这个功能可以使我们轻松查找信息，不必在长长的聊天记录中一条条找。

![image-20231029203128538][]

看到以上这个界面说明我们的**APIkey**已经配置成功，可以开始我们的AI之旅了。

#### 3.3测试 ####

首先我们来简单测试一下，让他帮我们写一个Java版本的冒泡排序。

![image-20231029203802498][]

也是很快就写出来了，丝毫不输ChatGPT。

下面我们加一点难度，让他通过角色扮演的方式去回答一些业务场景问题。

![image-20231029204111367][]

很好，他是很快就给出了我们的一些关于这个秒杀系统的结局方案,可以让你非常迅速有一个整体的思路，帮助开发人员更加快速的投入工作中。

### 4.从Copilot到DevChat ###

#### 4.1 关于Copilot ####

Copilot 能提效，有价值，这是毋庸置疑的。技术视角看没理由拒绝 Copilot。

Copilot 学习了所有公开的代码库，以用户正在编辑的文件和一些相关的或者是最近打开过的文件为“上下文”，借助 GPT 的能力推理出用户接下来需要什么内容。

“**人如其名**”， **Copilot** 老实本分在副驾驶位，做好一个“辅助者”，默默地在你可能需要它的时候尽可能给出一些“编程建议”。可以预见 Copilot 的建议会越来越准，最终让你“一路 Tab 写代码”。

那么程序员拥有了 **Copilot** 是不是就足够了？Copilot 是不是“辅助编程”的终极工具呢？

但是这个时候， **ChatGPT** 出现了

#### 4.2 ChatGPT 辅助编程的表现 ####

ChatGPT 是一个能够理解自然语言的聊天机器人，能够完成诸如总结论文、生成文案、编写代码等等非常广泛的任务。

**比如你可以这样用 ChatGPT：**

![image-20231031132715735][]

也可以这样用 ChatGPT：

**可以看出来，他是可以根据上下文联想，最后做出相应的回答。**

![image-20231031132907188][]

但是长时间使用ChatGPT的小伙伴会发现，无法输出高质量的代码，这是他本身就有的缺陷，只能起到一部分辅助作用。

而DevChat的出现就是问了解决这个缺陷！！

#### 4.3 DevChat有惊艳的表现呢 ####

既然 Copilot Chat 在真实的辅助编程场景下体验并不太完美，那么我们就自己造一个兵器，于是开发了 DevChat。  
DevChat 用起来又怎样呢？

![4d7d0ee26cbb80a87d59ab8839bca167.png_pic_center][]

上下文足够灵活，精准，想要发送给 **GPT** 什么内容完全由你自己说了算。

此外支持灵活的 **topic** 切换、单轮对话删除、响应完整复制等功能：

![image-20231106113058133][]

同样支持非代码类上下文的快捷翻译，其实在开发中，我们可能会看到一些大佬写的代码，但是你一下子并不理解这些代码的含义，此时你可以使用DevChat练习上下文帮你进行分析。

![image-20231106122737041][]

**此外,DevChat还支持通过不同行业的角色来回答一些专业问题**

![image-20231106115030714][]

可以看出来，他不仅给出了一些这个架构设计的思路和注意事项，还给出了这些设计的具体思路，也是非常AI智能化，即使有些不一定符合你的全部需求，但是他的回答或许可以给你的大脑增添一些思路，让我们的思路视野更加开阔，**我直呼DevChata神中神**。

除了上面的一些功能，DevChat 还能处理一些代码，就比如我们现在想设计一个前端Vue3登录页面，但是我们作为一个后端开发者，并没有前段人员的美感和美观设计思路，这个时候我们就可以找到我们的DevChat。

![image-20231106115600972][]

可以看出来，一个简单的Vue3登录页面页面就出来了，也是基础setup的Vue3语法，随时随地可以嵌入到我们的系统中，是非常方便的，当然也可以基于他这个Vue页面进行二次修整更改，自定义化非常强。

其实我们的Devchat还支持GPT4.0

![image-20231106123200249][]

大家如果遇到了3.5解决不了的问题，可以通过切换4.0的方式来换一个思路。

此外 **DevChat Core** 和 **DevChat VS Code Plugin** 全部开源：

![image-20231031133716620][]

### 5.总结 ###

总的来说，`DevChat`作为一个嵌入于VS Code中的智能编程工具，**能够显著提升开发效率，就像一个专有的“小助手”，帮助开发者更快、更好地解决问题，是一款值得每个开发者安装的强大工具**。==。

在开发工程中我们也会遇到一些冗余代码或者是欠优化代码，我们都可以直接复制到左边让DevChat来帮我们搞定。不仅能够完成代码的智能补全、错误纠正和代码规范检查，DevChat都能提供实时、即时的反馈，让你有更流畅的开发体验，而且还能在它的精确指引下完成项目的创建。在亲身体验后DevChat后，它的确是一款非常智能的AI编程助手。

[AI_DevChat_]: https://meri.co/ox8
[image-20231031132128575]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/8e3a7599dfc1480ca25cc649193ce312.png
[image-20231029201814593]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/53ea87fa9ff748a298b9bd4161a3d0e1.png
[image-20231029203302033]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/84a55c9968ae4d1980c6ebfb7a234f7d.png
[fd4bac0690f24dc4be8556f5de2ad52c.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/b3440788bf2f4aac8383588944c2aacf.png
[image-20231029202936999]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/5fd344dddcea42c08a0d0295a1fa0662.png
[image-20231029203128538]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/98d8066c487545d79468b55f1ff22686.png
[image-20231029203802498]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/8914f7953236470b83114f3b8d28a1a3.png
[image-20231029204111367]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/2d1938fd080e4108beb3fd470a57a27e.png
[image-20231031132715735]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/edd9163909ab49cda105c2d6e61fe9d4.png
[image-20231031132907188]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/91d438cb4bba4e4fba3fd73aeeab3b5e.png
[4d7d0ee26cbb80a87d59ab8839bca167.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/80392bcb6ff347b99bd423c426bbecb9.png
[image-20231106113058133]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/17b0c187ced142d7bf6e46ee7b6dea60.png
[image-20231106122737041]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/b838d0eacdae46529d5ecdc2a7543c28.png
[image-20231106115030714]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/a5198d70b06848d2b6b7c21248a8769c.png
[image-20231106115600972]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/b174c3ee6cd44d3b8eb95c8916345218.png
[image-20231106123200249]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/934859dceba644fba2fb75bf34e683cd.png
[image-20231031133716620]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/a2cc206806a04fd887aece5082fed305.png