VSCode插件CodeGPT配置使用方法图文教程
2023-03-25
9719 0CodeGPT 是一款 Visual Studio Code 扩展插件,可以通过官方的 OpenAI API 使用 GPT-3 (预训练生成式转换器) 模型,在多种编程语言中生成、解释、重构和文档化代码片段。CodeGPT 可用于各种任务,例如代码自动完成、生成和格式化。它还可以集成到代码编辑器和集成开发环境 (IDE) 中,为开发人员提供人工智能辅助编码功能。本文将教你如何在VS Code 中设置和使用 CodeGPT。
在VSCode中安装CodeGPT
要安装 CodeGPT 扩展,打开你的 Visual Studio Code 编辑器,进入扩展商店,然后在搜索栏中输入“codegpt”,这样可以搜到CodeGPT插件。选择验证过的扩展,然后点击安装按钮。
点击安装按钮将在你的 Visual Studio Code 编辑器中启用 CodeGPT。
如何配置 CodeGPT
安装 CodeGPT 后,你必须使用你的 OpenAI API 密钥配置 CodeGPT。
首先要注册OpenAI帐号,如果你没有帐号可以参考这篇文章:
https://www.leavescn.com/Articles/Content/1208
要获取你的 OpenAI API 密钥,请访问 https://beta.openai.com/account/api-keys,并单击“创建新的秘密密钥”按钮,如下图所示。
点击此按钮将生成你的 API 秘密密钥。请注意,你需要在生成后立即复制并安全存储该密钥,因为 OpenAI 不会再次显示它们。
接下来,返回 Visual Studio Code 编辑器,并导航到设置。 在 Windows 上,按 ctrl+, 打开设置。 在设置搜索栏中输入 “codegpt” 来过滤其他设置,留下 CodeGPT 设置。
在 弹出的窗口 上,填写 API 密钥选项。
CodeGPT 扩展还有几个设置,可以根据个人喜好进行配置。它们包括:
- Max Tokens:在 API 处理提示之前,输入被分解为标记,然后 API 处理这些标记。max tokens 是 API 应该接受和处理的最大标记数。因此,根据你想要获得的响应长度选择标记数。还要注意,每个模型(稍后会讲到更多)都有一个最大标记数,所以使用的模型会影响最大标记数。
- Model:这是 CodeGPT 在处理查询时将使用的 OpenAI 模型。顾名思义,CodeGPT 使用 GPT-3 模型。在这个模型中,text-davinci-003 是最有能力的,因为它能够提供更高质量、更长的输出,正确地跟随提示,并处理高达 4,000 个标记。
- Language:这是你将与 API 交互的语言。功能,如 Explain 或 Document,也将在所选语言中完成。(这里你可以选择中文)
- Temperature:此设置确定生成文本中的随机程度或“创造力”水平。温度越高,生成的输出就越多样化和有创意。较低的温度会产生类似于训练数据的输出,并且不太可能包含意外或惊人的内容。它是一个介于零(0)和一(1)之间的值,其中零表示最确定性,而一(1)表示最随机和有创造力。默认温度为 0.3。
让我们探索 CodeGPT 可以做的各种事情以及如何做到它们。
使用CodeGPT生成代码
使用 CodeGPT 可以根据从 Visual Studio Code 编辑器中提供的提示生成代码片段。
要使用 CodeGPT 生成代码,请编写一个注释,询问特定的代码(确保将光标保持在相同的注释行的末尾),然后在 macOS 上按下 cmd+shift+i,在 Windows 上按下 ctrl+shift+i。按下这组键将触发 CodeGPT 提示,然后打开一个新窗口,显示提示的结果。
在下面的示例中,使用提示“使用 ES6 语法生成一个返回 JavaScript UUID 的函数,并附有注释”来生成第二个窗口中的代码片段。
上面的提示生成了一个带有解释(含有注释)的函数,该函数生成UUID。
使用CodeGPT解释代码
可以使用CodeGPT来解释您需要理解其作用的代码片段。
要解释代码片段,请选择要解释的代码片段,然后右键单击。右键单击将显示一些选项。从选项中选择“解释CodeGPT”。
点击此选项会触发CodeGPT提示,并打开一个新窗口,显示您的提示的结果,如下例所示。
如果你设置的语言是中文,默认就会用中文解释,如下图所示:
使用CodeGPT重构代码
可以使用CodeGPT来重构代码片段,使其更易读、易于维护和高效。
要重构代码片段,请先选择该片段,然后右键单击。右键单击将显示一些选项。从选项中选择“Refactor CodeGPT”。
单击此选项将触发一个CodeGPT提示,然后打开一个新窗口,显示您的提示结果,如下图所示。
上面的示例中的提示将突出显示的代码块重构为使用 reduce 数组方法来计算购物车中产品的总价。在重构之前,初始代码块使用 for 循环来计算产品的总价。
使用CodeGPT编写单元测试
可以使用CodeGPT为代码编写单元测试,以确保它们按照预期工作。
要为代码片段编写单元测试,请先选中该片段,然后右键单击。右键单击将显示一些选项。从选项中选择“Unit Test CodeGPT”。
点击这个选项会触发一个CodeGPT提示,并打开一个新窗口,显示你的提示的结果,如下图所示。
以上示例中的提示编写了单元测试,以确保之前重构的函数能够产生预期的结果。
关于CodeGPT的总结
你可以使用CodeGPT做很多其他的事情,包括记录你的代码,查找你的代码问题,从Stackoverflow上获取答案,以及比较最佳人类答案和AI生成的答案。虽然AI生成的代码可以是一个有用的工具,但是我们需要谨慎考虑它的潜在限制,并采取一些步骤,例如测试代码,以确保生成的代码具有高质量并满足你的要求。
您可能感兴趣:
阿里云 云服务器 99元1年 2核2G 3M固定带宽 续费与新购同价
领取 通义灵码 免费使用资格 兼容 Visual Studio Code、Visual Studio、JetBrains IDEs 等主流编程工具, 为你提供高效、流畅、舒心的智能编码体验!