17611538698
webmaster@21cto.com

在 Visual Studio Code 中设置 CodeGPT

人工智能 4 2378 2023-08-02 08:39:26

图片

CodeGPT 是一个 Visual Studio 代码扩展,也称插件。它允许开发者通过官方 OpenAI API使用GPT-3(生成式预训练转换器版本3)模型来生成、解释、重构以及记录各种编程语言的代码片段。


CodeGPT 可用于执行代码完成、生成和格式化等各种任务。它还可以集成到代码编辑器以及集成开发环境(IDE)中,为开发人员提供人工智能辅助编码的功能。


本文将详细 介绍 如何在广泛使用的代码编辑器 Visual Studio Code 中设置和使用 CodeGPT。


在 Visual Studio Code 中设置 CodeGPT


在 Visual Studio code IDE 中使用 CodeGPT 之前,首先我们需要安装它。


要安装 CodeGPT 扩展,请先打开 Visual Studio 代码编辑器,导航到扩展存储,然后在搜索栏中键入“codegpt”。选择经过验证扩展,然后单击安装按钮即可


图片

图1 单击安装按钮将使 CodeGPT 在 Visual Studio 代码编辑器中可用。


或者,我们也可以通过Visual Studio 市场安装 CodeGPT 。


配置CodeGPT


在 Visual Studio 代码编辑器中成功安装 CodeGPT 后,您必须使用 OpenAI API 密钥配置 CodeGPT。


首先找到自己的 OpenAI API 密钥。


请导航至https://beta.openai.com/account/api-keys,然后请单击“创建新密钥”按钮。请看如下图所示。


图片

单击此按钮将生成你的 API 密钥。需要注意的是,你需要在生成密钥后立即复制并安全存储密钥,因为 OpenAI 不会再次显示它们。


接下来,返回 Visual Studio 代码编辑器并导航到 Settings。


在 macOS 上,导航到菜单栏,单击“代码”,然后选择“首选项”以找到“设置”选项。在 Windows 上,按下ctrl+,也可以打开相关的设置。


在设置搜索栏中输入“codegpt”以过滤其它设置,留下 CodeGPT 设置。


图片


在 macOS 上,按cmd+shift+p并搜索“CodeGPT: Set API KEY”以便添加 API 密钥。在 Windows 上,请在 API 密钥选项下填写。


图片


CodeGPT 扩展还有其它几个设置,可以继续来配置下,以便符合我们的喜好。


这些设置包括如下:


  • 最大令牌(Token)数量:在 API 处理提示之前,输入将被分解为令牌。然后 API 处理这些令牌。最大令牌表示是 API 应获取和处理的最大令牌数量。因此,根据自己想要获得的响应长度选择数量。此外,还需要注意的是,每个模型都有最大令牌数量,因此所使用模型会影响最大令牌数量。

  • 模型:这表示 CodeGPT 将在处理查询时使用的 OpenAI 模型。目前CodeGPT 使用GPT-3 模型。在此模型中,text-davinci-003能力最强,它能够提供更高质量、更扩展的输出、正确遵循提示语并处理多达 4,000 个令牌。

  • 语言:这是开发者与 API 交互所使用的语言。解释或文档等功能也将以所选之语言进行。

  • Temperature(温度):此设置确定生成文本中的随机性或“创造力”水平。使用温度越高,产生的输出就越多样化、更富有创意。较低的温度会产生与训练数据类似的输出,并且不太可能包含意外或令人惊讶的内容。它是一个介于零 (0) 和一 (1) 之间的值,其中零最具确定性,一 (1) 最具随机性和创造性。值得一提的是,其默认温度参数为 0.3。


接下来,让我们来看可以使用 CodeGPT 执行的各种操作以及如何执行这些操作。


生成代码


接下来可以使用 CodeGPT 根据 Visual Studio 代码编辑器中的提示语生成代码片段。


用 CodeGPT 生成代码,我们先写一条注释,然后要求提供特定代码(需要确保将光标保持在同一注释行的末尾),然后按cmd + shift + i' ,使用Windows的用户, 按 ctrl + shift + i'。按这组按键将触发 CodeGPT 提示,然后在左侧打开一个新窗口,显示提示结果。


图片


图片


上面的提示语将生成了一个良好(带注释)的函数,功能是生成UUID。


解析代码


我们可以使用 CodeGPT 来解析需要的代码片段,以帮助我们理解它们的详细用途。


以下是操作步骤。


如果要解析代码片段,先高亮选择该代码段,然后右键单击。右键单击会显示一些选项。从选项中选择解释 CodeGPT。


单击此选项会触发 CodeGPT 提示并打开一个新窗口,显示提示结果,如下例所示。


图片


上面示例中的提示语为使用正则表达式验证电子邮件地址是否有效的函数生成了正确的解释说明。


重构代码


开发者还可以使用 CodeGPT 重构代码片段,使其更具可读性、可维护性以及具备高效性能。


要重构代码片段,选择该代码片段使之高亮,然后右键单击。右键单击会显示一些选项。从选项中,选择『Refactor CodeGPT』。


单击此选项会触发 CodeGPT 提示并打开一个新窗口,显示提示结果,如下图所示。


图片


上例中的突出显示的代码块重构为使用reduce数组方法来计算购物车中产品的总价。初始代码块(重构之前)使用 afor-loop来计算产品的总价格。


编写单元测试


还可以使用 CodeGPT 为代码编写单元测试,以确保它们按预期工作。


要为代码片段编写单元测试,请突出显示该代码片段,然后右键单击。右键单击会显示一些选项。然后请从选项中,选择单元测试 CodeGPT。


单击此选项会触发 CodeGPT 提示并打开一个新窗口,显示提示结果,类似如下图所示。


图片


上面示例中为重构的函数编写了单元测试,确保了它产生预期之结果。


结论


我们还可以使用 CodeGPT 执行其他几项操作,包括记录代码、查找代码问题,比如从 Stackoverflow 获取问题以及将最佳人类答案与 AI 答案进行比较等。


使用人工智能生成的代码是一个有效的工具,但务请注意其潜在的限制,需要进行严格的代码测试步骤,以确保生成的代码具有高质量并满足项目的要求。


祝各位同好编码愉快~


作者:万能的大雄


评论