DevChat 编程助手：提高编程效率的新利器

繁依Fanyi

已于 2023-11-21 13:19:04 修改

阅读量607

点赞数 8

文章标签： python 算法 devchat java php 开发语言 mvc

于 2023-11-12 23:28:30 首次发布

❀本篇博客为博主原创文章，未经博主允许不得转载。❀

本文链接：https://blog.csdn.net/qq_21484461/article/details/134367934

版权

文章目录

🚀前言

编程助手哪家强？DevChat 来帮忙！代码生成慢？模型负载大？生成效果差？服务价格贵？……大模型时代的到来，给我们在代码编写方面带来了很多好处，国外 ChatGPT、Claude，国内文心一言、星火大模型等等大模型都取得了显著的成就，也同时给我们程序员带来了一些福利；但同时，似乎也给我们带来了一些困扰，像是模型的选择，国内的程序员很难体验到 ChatGPT、Claude 等这些模型所带来的福利，亦或者要打开若干个网页来生成代码，代码生成的体验非常不好。但 DevChat 却巧妙的解决了这些问题，为我的日常代码编写提供了极大的帮助。

在这里插入图片描述

🚀 DevChat 是什么?

DevChat是一款创新的AI编程助手，由国内研发效能分析平台思码逸推出。这个工具为开发者提供了一种全新的编程方式，结合了多种主流大模型，包括ChatGPT、Codex等，以帮助开发者提高他们的编程效率。它支持自然语言编程、代码编写、代码生成和代码补全等多种功能，一站式服务，无需繁琐的配置，使开发工作更加高效。与此不同的是，DevChat还可以根据用户需求随时切换不同的AI模型，让用户能够更灵活地选择适合他们需求的模型。

请添加图片描述

🚀 DevChat 注册

在使用这款非常好用的插件之前，我们需要先注册一个 DevChat 账号来获取 DevChat Key。

首先我们需要打开 DevChat 官网，点击右上角的免费试用进入注册界面。

DevChat 官网：https://www.devchat.ai/zh

在这里插入图片描述

进入注册界面后，输入你的 用户名 以及你的邮箱，验证后，点击 Sign Up 注册

在这里插入图片描述

注册后，你会获得一封包含你的 DevChat Key 的邮件，注意保存这封邮件，后面配置 VSCode 时能用到。

在这里插入图片描述

然后重新回到主页，点击登录进入登录界面，输入你的邮箱，然后点击 Send Code，获取验证码，

在这里插入图片描述

然后你会获得一封包含登录验证码的邮件，输入你的输入你的验证码并点击 Sign In 登录即可。

在这里插入图片描述

如果登录成功，并跳转到你的用户界面则表示上面的 DevChat 注册部分已完成。

🚀 DevChat 使用教程详解

🕍 Python 环境搭建

使用这款插件需要使用 Python 环境，在 Python 官网中点击 Downloads 即可下载，下面是 Python 官网。

Python 官网：https://www.python.org/

在这里插入图片描述

点击 Download Python 即可下载 Python 安装包。

在这里插入图片描述

之后点击安装包运行按照提示安装即可。

🕍 VScode 安装

接下来需要安装 VScode 编辑器，点击下面网址进入 VScode 官网，并点击 Download for Windows 即可下载安装包。

VScode 官网：https://code.visualstudio.com/

在这里插入图片描述

之后点击安装包运行按照提示安装 VScode 即可。

🕍 DevChat 插件安装

之后打开 VScode ，点击扩展进入应用商店界面

在这里插入图片描述

输入我们的主角 devchat 找到这款插件，并点击安装。

在这里插入图片描述

安装后即可进行下面 DevChat 插件配置步骤。

🕍 DevChat 插件配置

按住 Ctrl + Shift + P，或者点击上面的搜索框，输入 >devchat key，选择 DevChat: Input DevChat Access Key 并按回车配置 DevChat Key。

在这里插入图片描述

然后在这里输入之前邮箱里发送的 DevChat Key，也就是前面收到的邮件的 Access Key

在这里插入图片描述

之后点击侧栏的小兔子（DevChat）就可以使用啦！

在这里插入图片描述

如果没有配置 OpenAI key 或者 DevChat key ，在 DevChat 中会出现如下要求配置 OpenAI key 或者 DevChat key 的页面

在这里插入图片描述

如果配置成功，就会显示如下聊天框，然后就可以快乐的聊天写代码啦！

在这里插入图片描述

🚀 DevChat 上手体验

首先，我们需要选择自己需要的模型，这里有很多模型供我们选择，GPT-4、CLAUDE-2、文心一言，几乎涵盖了市面上所有的模型。

在这里插入图片描述

按下斜杠有两种方式可以选择，当然也可以直接提问

在这里插入图片描述

下面是我使用 DevChat 中 ChatGPT 模型生成的一段代码：

Certainly! To create an HTML page with a dynamic heart, you can use HTML, CSS, and JavaScript. Here’s a simple example:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dynamic Heart</title>
    <style>
        body {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100vh;
            margin: 0;
            background-color: #f5f5f5;
        }

        #heart {
            color: red;
            font-size: 3em;
            animation: heartbeat 1s infinite;
        }

        @keyframes heartbeat {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.2);
            }
        }
    </style>
</head>
<body>
    <div id="heart">&hearts;</div>

    <script>
        // You can add JavaScript code here for any dynamic behavior if needed
    </script>
</body>
</html>

In this example:

The #heart div contains the heart symbol (♥).
The CSS styles make the heart red, set its font size, and apply a heartbeat animation.
The @keyframes rule defines the heartbeat animation, which scales the heart from its normal size to 1.2 times its size and back, creating a pulsating effect.

Feel free to customize the code according to your preferences!

代码效果演示：

请添加图片描述

生成的前端代码质量非常不错，向我这种前端小白使用 DevChat 完成日常学习工作非常不错 👍。

🚀 DevChat 的优势

在亲自尝试了这个工具，总结了以下我的一些观点：

多模型集成： DevChat不仅仅集成了多种主流大模型，还允许用户自由选择。对于复杂任务，您可以选择强大的GPT-4模型，而对于简单任务，您可以使用较低成本的模型，如GPT-3.5或Claude2。这使得DevChat在多种应用场景中都能够表现出色。
精准的上下文控制： DevChat具备精准的上下文管理功能，允许用户将任何代码段无缝加入对话。这意味着不再需要依赖猜测，而是将控制权交还给用户，使编程更加流畅。
提示词目录： DevChat提供了简单可扩展的提示词目录，允许用户自定义需求，满足团队和个人的要求。这种灵活性对于不同开发场景非常有帮助。
Prompt模板管理： 它还提供了灵活的Prompt模板管理，支持ask-code功能，可以解答代码库的各种问题，减轻了开发者的负担。
企业级数据安全： DevChat与微软Azure服务对接，保证了数据的安全性，使得它成为可信赖的企业级工具。