ChatGPT API + VsCode: 提升代码编写的终极指南

ChatGPT-API中转服务【快速调用GPT4API-绘画API-语音API-已经稳定运行7个月】:https://oneai.evanora.top/

ChatGPT PLus合租【低价使用ChatGPT-无需担心封号-1:1复刻官网,超丝滑体验】:https://plusai.zhangsan.link/

张三的店【代购-支持ChatGPTplus代购-支持邮箱-土耳其商品代购-学生包】:https://zhangsan.link/

使用Proxifier防止Clash等代理软件DNS泄露,防止间谍跟踪链接:前往了解

GPTs功能升级指南:轻松添加Action,让你的GPTs轻松调用API:前往了解

手把手教你打造个人GPTs:AI自学之旅:前往了解

ChatGPT API + VsCode: 提升代码编写的终极指南:前往了解

介绍:

  • 什么是VsCode:Visual Studio Code(简称VsCode)是一款免费、开源的代码编辑器,由微软开发。它支持多种编程语言,提供了代码高亮、智能代码补全、代码重构、调试支持等功能,是程序员编写和调试代码的得力助手。VsCode的用户界面简洁直观,同时支持大量的扩展插件,使其功能更加强大和灵活。无论是前端开发、后端编程还是全栈开发,VsCode都能提供高效的编程体验。
  • 什么是ChatGPT API:ChatGPT API是由OpenAI提供的一种先进的自然语言处理接口,它基于GPT(Generative Pre-trained Transformer)模型,能够理解和生成人类般的文本。通过这个API,开发者可以将ChatGPT的强大文本生成和理解能力集成到各种应用中,包括聊天机器人、内容创建工具、数据分析软件等。ChatGPT API的应用不仅仅限于自然语言处理领域,它还可以辅助代码编写,提供编程问题解答、代码示例、代码优化建议等功能,极大地提升编程效率和代码质量。

第一部分:安装VsCode

  • 打开VsCode官网:https://code.visualstudio.com/

  • syyUU.png

  • 获得安装包:xCPP0.png

  • 双击安装包xCVWC.png

  • 同意协议xCLet.png

  • 这里我们选择创建快捷方式xCXGm.png

  • 之后正常点下一步安装就可以了

第二部分:获取ChatGPT API

  • 获取ChatGPT的API的方式有很多种,可以到ChatGPT官网去获取,也可以直接使用ChatGPT的中转服务

  • 方法一:如果是使用ChatGPT官网的API,你需要注册一个账号,之后手机号验证后才可以使用,【注意:无法使用中国大陆的手机号,调用API也不可以使用中国大陆的IP,如果你在中国大陆,是无法使用的,更多请参考这篇文章:难道必须选择官网去使用ChatGPT吗 – 张三的店-博客 (zhangsan.info)】,如果你需要使用ChatGPT官网的API,可以找我们解决你的手机号绑定的问题,也可以找我们购买成品号:https://zhangsan.link?cid=2&mid=2

  • 方法二:使用ChatGPT中转服务,例如使用【https://oneai.evanora.top】的中转服务,我们以此进行演示

    • 打开中转服务网站注册页面:https://oneai.evanora.top/register

    • 填写你的邮箱地址和账号密码,点击注册即可,如果不想输入密码,可以返回登录界面使用github直接登录xC2MN.png

    • 登录进去之后我们点击【令牌】,进入令牌页面xCA8p.png

    • 点击【添加新令牌】进行创建我们的第一个密钥,密钥名称填写vscode即可,其他的推荐选择永不过期xCHil.png

    • 之后我们在【令牌】管理页面像我这样操作,之后会得到一个链接xCwWK.png

    • 我们使用新窗口打开这个链接xC3g2.png

    • 之后我们来进行一个简单的对话xCfGj.png

    • 我们可以确定这个API是可以使用的

    • 【你需要注意的】中转服务在你注册的时候会赠送你些许额度,你可以进行测试使用,如果API无法使用,请仔细检查弹出的报错信息,如果表示额度不足,则代表赠送的额度已经消耗完了,你需要去充值才可以继续消费。

第三部分:安装插件

  • 我们需要安装一个插件才可以完成ChatGPT与VsCode相结合

  • 插件地址:vscode-chatgpt-plugin – Visual Studio Marketplace

  • 或者在VsCode插件搜索框里面搜索:vscode-chatgpt-plugin

  • xCIsv.png

  • 之后【安装和激活】插件

  • 安装完成重启VsCode,之后我们会发现,左边我们会出现一个ChatGPT的图标image-20240122172017904

  • 配置建议和最佳实践

  • 之后我们点击这个图标,进入我们的设置页面

  • xCxV3.png

  • 开始设置令牌xCKW9.png

  • 令牌设置需要特别说明一下地址请选择以下任意一个地址,推荐中国大陆接口地址

  • 中国大陆接口地址: https://oneai.evanora.top
    海外接口地址(备用): https://agent.evanora.top
  • 复制刚刚创建了令牌xCbgO.png

  • 粘贴到这里即可

  • 最后需要选择一下你使用的模型xCoNH.png

  • 这里推荐16k的模型,或者使用ChatGPT4的模型,更加准确

第四部分:检查与使用

  • 测试一下:xC77o.png

  • 可以使用,之后我们开始简单的使用一下

  • 我创建了一个简单的java项目,我故意输入错误了字符,我们看一下ChatGPT如何排查错误的xCejX.png

  • 选择代码右键我们使用ChatGPT查错

  • xCtVU.png

  • xC1k0.png

  • 之后我们点击【插入】,就可以完整的替换我们之前错误的代码

  • 当然这个插件不止这点的功能的,我们完全可以使用这个插件来完成更多的功能,你可以尝试【自定义提示】

总结:

  • 整合ChatGPT API与VsCode为程序员带来了多重益处:它不仅显著提高了编码效率,通过自动完成代码任务和提供智能编程建议,还有助于提升代码质量,通过审查和优化代码性能。此外,它为解决编程难题提供了即时的辅助,缩短了问题解决时间。对于初学者,ChatGPT API还能提供教育资源,加速学习过程。VsCode的丰富扩展功能与ChatGPT API的灵活性结合,为用户创造了高度定制的编程环境。此外,ChatGPT API还有助于提高团队协作效率,通过生成易于理解的文档和注释,让代码更易于共享和维护。总之,这种整合不仅提升了个人开发效率,还促进了编程领域的学习和成长,使程序员在技术市场中保持竞争力。

附录:

  • 优秀中转服务:https://oneai.evanora.top/
  • 插件:https://marketplace.visualstudio.com/items?itemName=xcy960815.vscode-chatgpt-plugin
张三
张三
文章: 63

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注