app大全软件网站免费下载,wordpress 主题 标签,做网站的难题,apache2 wordpress#AI编程助手哪家好#xff1f;DevChat“真”好用# 文章目录 前言一、安装DevChat1.1、访问地址1.2、注册1.3、在VSCode里安装DevChat插件1.3.1、未安装状态1.3.2、已安装状态 二、设置Access Key2.1. 点击左下角管理#xff08;“齿轮”图标#xff09;—命令面板#xff…#AI编程助手哪家好DevChat“真”好用# 文章目录 前言一、安装DevChat1.1、访问地址1.2、注册1.3、在VSCode里安装DevChat插件1.3.1、未安装状态1.3.2、已安装状态 二、设置Access Key2.1. 点击左下角管理“齿轮”图标—命令面板Command Palette如下图2.2、在弹出的命令面板中输入“devchat key”点击如下命令 三、使用DevChat3.1、 选中机器人标签3.2、创建新的主题3.3、创建Vue3项目的提示内容3.3.1、确保你已经安装了Node.js和npm3.3.2、使用npm全局安装Vue Cli3.3.3、使用Vue Cli创建一个Vue新项目3.3.4、在提示符下 选择Vue3 四、按照上述提示创建Vue3项目并打开项目4.1、左边区域是创建好的Vue3项目4.2、右侧区域展示DevChat4.3、打开终端运行项目底部区域4.4、在浏览器查看Vue3项目 5、DevChat在项目开发过程中的应用5.1、添加到DevChat功能 总结 前言 DevChat是一款基于自然语言处理技术的聊天机器人集成了GPT3.5、GPT4.0、XINGHUO-2、CLAUDE-2、LLAMA-2-13B-CHAT等大模型它可以通过自然语言对话的方式与开发者进行交流帮助开发者更高效地完成编程任务。 现在流行的GPT、文心一言、讯飞对话机器人都需要在编辑器之外的网页或APP另外开一个窗口而DevChat是VSCode里的插件可以一边写代码一边使用DevChat生成代码。 使用DevChat也有一段时间了也越发体会到AI的好处。对比人类的大脑在精准海量的记忆方面AI还是有很大优势。就拿创建Vue项目来说如果是第一次创建Vue项目通常需要打开搜索引擎去搜索Vue官网然后找到Document去搜寻关于创建Vue项目的文章最后回到我们的编辑器按照说明去完成上述步骤。如果是第二次创建Vue项目我们通常会翻出上次的笔记或是重复搜索引擎那套流程。 那么今天在这里给大家展示一下在VSCode里使用DevChat的便捷性我们可以完全颠覆以往那些复杂的过程轻轻松松喝几口咖啡的时间DevChat就会给出我们创建Vue项目的步骤。 一、安装DevChat 由于DevChat是一个VSCode插件我们的目标是创建Vue项目因此我们需要事先准备好一些东西代码编辑器VSCode、node/npm环境。
1.1、访问地址 https://meri.co/yxt
1.2、注册 进入官网后首先进行账号注册步骤非常简单就是邮箱加验证码友情提示163邮箱也是可行的。 注册的时候会有一封邮件告知注册成功里面包含了一个Access Key 记住这个Access Key等会有大用。
1.3、在VSCode里安装DevChat插件 在 VS Code 插件市场中搜索“devchat”如下图点击安装或访问 Visual Studio Marketplace点击 Install。
1.3.1、未安装状态 未安装状态下DevChat会显示“安装”按钮。
1.3.2、已安装状态 已安装状态下DevChat会显示“卸载”按钮
二、设置Access Key 把 邮件里的access key完整复制粘贴到 VS Code 中具体方法为
2.1. 点击左下角管理“齿轮”图标—命令面板Command Palette如下图 2.2、在弹出的命令面板中输入“devchat key”点击如下命令 把邮箱里的Access Key输入到这里按回车键确认。
三、使用DevChat 使用DevChat提问”创建一个Vue3项目” DevChat会给出我们答案如下图
3.1、 选中机器人标签
打开DevChat窗口 选中机器人标签可以有GPT3.5、GPT4.0、XINGHUO-2、CLAUDE-2、LLAMA-2-13B-CHAT等大模型的选项这里我们选择GPT-4尝试一下当前最先进的大模型。
3.2、创建新的主题
点击[new topic]主题内容是创建一个Vue3项目 可以创建多个TopicTopic之间是数据隔离的比如创建Java项目生成跟当前主题不相关的其他代码等
3.3、创建Vue3项目的提示内容 3.3.1、确保你已经安装了Node.js和npm
这里可以配合底部终端区域检测node、npm是否已安装、配置环境。
3.3.2、使用npm全局安装Vue Cli
安装并配置好node、npm环境就可以使用npm全局安装Vue Cli 命令npm insattll -g vuecli
3.3.3、使用Vue Cli创建一个Vue新项目
使用Vue Cli创建一个Vue新项目替换掉DevChat提示词里的项目名称 vue create vue_snake
3.3.4、在提示符下 选择Vue3
在创建Vue项目中 选择Vue3项目按照提示一步一步完成Vue3项目创建
四、按照上述提示创建Vue3项目并打开项目 4.1、左边区域是创建好的Vue3项目
vue_snake包含node_modules、public、src等目录package.json、README.md、vue.config.js文件。
4.2、右侧区域展示DevChat
在Vue3项目打开之后重复【第二节】的内容并设置展示在右边区域。 这样我们可以一边编写项目代码 一边可以同DevChat聊天机器人互动。
4.3、打开终端运行项目底部区域
输入npm run serve
项目启动成功之后会提示 App running at: Local: http://localhost:8080/Network: http://192.168.1.105:8080/ 4.4、在浏览器查看Vue3项目
http://localhost:8080/
5、DevChat在项目开发过程中的应用
5.1、添加到DevChat功能
如果我们在编辑器中有部分代码有疑惑可以右键选择Add to AddChat然后在右侧对话框输入我们的问题。比如编辑器中我对下面的代码有疑惑然后询问DevChat帮我解答疑惑。 可以看到当点击Add to AddChat后左侧输入框就多个图标内容主要记录的是你的操作。 DevChat这种操作就特别的方便不需要我们复制内容到Gpt、文心一言等工具里 在VSCode里就可以边写项目代码边使用AI答疑。
总结 在当今的软件开发领域我们经常面临一些复杂的业务需求和非业务层面的代码问题。这些问题不仅耗费我们的时间和精力而且可能阻碍我们专注于解决真正的业务逻辑。这时一款优秀的工具——DevChat便能够发挥出其强大的作用。 DevChat是一款基于自然语言处理技术的聊天机器人可以通过与开发者的对话理解并执行开发者的编程需求。无论是解决复杂的业务问题还是优化代码它都能为我们提供极大的帮助。在开发过程中冗余代码或欠优化代码是常见的问题。这些问题不仅影响代码的质量还可能影响软件运行的效率。此时我们可以将这些代码复制到DevChat中让它快速给出解决方案。 更值得一提的是DevChat无需任何科技支持即可直接体验AI的效果。在开发过程中由于网络或其他原因我们可能无法使用科技。而DevChat的优点在于它无需科技支持响应速度快让我们随时随地都能享受到AI的便利。 综上所述DevChat的引入不仅可以提高我们的工作效率还能提升我们的代码质量。对于开发者来说它是一款不可或缺的工具。推荐大家在开发中尝试使用相信你一定会爱上它的。
