文章目录
- 🚀前言
- 🚀 DevChat 是什么?
- 🚀 DevChat 注册
- 🚀 DevChat 使用教程详解
- 🕍 Python 环境搭建
- 🕍 VScode 安装
- 🕍 DevChat 插件安装
- 🕍 DevChat 插件配置
- 🚀 DevChat 上手体验
- 🚀 DevChat 的优势
- 🚀 总结
🚀前言
编程助手哪家强？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">♥</div>
<script>
// You can add JavaScript code here for any dynamic behavior if needed
</script>
</body>
</html>In this example:
- The
#heartdiv contains the heart symbol (♥). - The CSS styles make the heart red, set its font size, and apply a heartbeat animation.
- The
@keyframesrule defines theheartbeatanimation, 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服务对接，保证了数据的安全性，使得它成为可信赖的企业级工具。
🚀 总结
DevChat是一个强大的AI编程助手，为开发者提供了出色的编程体验。它的多模型集成、上下文控制、提示词目录、Prompt模板管理等功能使其在不同场景下都能大显身手。对于开发者来说，它是提高编程效率的绝佳工具。而且最近这款插件免费使用，最近正在对毕设发愁的童鞋快来试一试吧！
