[译]CodeGPT:类ChatGPT功能的VSCode扩展

4,694 阅读2分钟

原文标题:CodeGPT: The VSCode Extension with ChatGPT-Like Functionalities

原文地址:medium.com/geekculture…

原文作者:The PyCoach


image.png

Image made on Canva

虽然我不是VSCode的粉丝,但是我必须承认VSCode比其他编辑器拥有更多更好用的扩展,其中之一就是CodeGPT。

CodeGPT允许我们通过官方OpenAI API在VSCode中使用GPT-3,使得我们可以在代码编辑器拥有了ChatGPT。

借助 CodeGPT,我们可以生成代码、解释代码、重构代码等等。

下面让我们看看如何设置CodeGPT并探索它的所有功能。

VSCode中设置CodeGPT

打开VSCode编辑器,点击扩展,然后在搜索框中输入“Code GPT”,然后点击“安装”。

image.png

Code GPT安装完,进到“Settings”界面,然后找到扩展下的“Code GPT”(macOS系统下,点击菜单栏的Code菜单,然后选择"Preferences"子菜单,选择“Settings”选项)。

CodeGPT的设置界面如下:

image.png 想要让CodeGPT运行起来,需要在上图的第一个输入框处输入OpenAI API key,API key需要到OpenAI的官网生成。

image.png 其他输入项都可以采用默认设置,如果想要自定义设置,采用如下方式:

  • Max tokens: 您希望为 API 的每个请求获取的最大令牌数
  • Model: 目前此扩展中有 3 个模型可用 (text-davinci-003, code-cushman-001 and code-davinci-002)。在这些选项中code-davinci-002 在编码方面是最强大的。
  • Temperature: 控制输出中的随机性 (temperature越低,GPT-3 就越有可能选择出现概率更高的词)

探索CodeGPT

以下是 CodeGPT 的主要功能:

  • Generate Code(生成代码):您只需要输入一条注释,要求输出特定代码,然后按cmd-shift-i 组合键,然后 CodeGPT 将打开一个包含代码的新窗口。

0_qr7OlOdRIQAEUV5S.gif

来源: CodeGPT

  • Explain Code(解释代码): 选择某段代码,然后右键单击并选择“Explain CodeGPT”选项。 CodeGPT 将打开一个新窗口并解释代码。

image.png

来源: CodeGPT

结果如下:

image.png

来源: CodeGPT

但上述功能还不是全部! CodeGPT还有如下功能:

  • Ask questions(提问)
  • Refactor code(重构代码)
  • Document code(文档代码)
  • Find problems in your code(查找代码的Bug)

关于Code GPT的更多信息,点击这里