Como instalar e usar CodeGPT no VS Code

O VS Code possui diversas extensões úteis que aprimoram sua funcionalidade e fornecem recursos para fluxos de trabalho de desenvolvimento. Uma dessas extensões é o CodeGPT, que traz o poder da inteligência artificial generativa para o VS Code.


CodeGPT permite que você manipule seu código sem esforço. Você pode usá-lo para gerar código a partir de comentários, refatorá-lo, depurá-lo, documentá-lo ou até mesmo explicar o que um determinado bloco de código faz.


Instalando e configurando CodeGPT

Para instalar CódigoGPT, inicie o Código VS. Em seguida, clique no ícone de extensões na barra lateral esquerda da sua janela. Então procure por Código GPT​​​​​​. Deve ser o primeiro nos resultados da pesquisa. Certifique-se de que possui um crachá de verificação azul.

Extensão CodeGPT em VSCode EXTENSIONS: MARKETPLACE

Clique no Instalar botão para adicioná-lo ao VS Code. Depois de instalar o CodeGPT, agora você precisa conectá-lo a um modelo de linguagem grande. Este modelo é o que lhe confere capacidades geradoras.

Para estabelecer a conexão entre o CodeGPT e o modelo de linguagem grande, você precisa de uma chave de API. Neste guia, você usará a API OpenAI. Para obter um, vá para o API OpenAI plataforma e faça login. Se você não tiver uma conta, cadastre-se. Após fazer login, selecione o API opção na página que aparece.

Página de seleção de serviço da API OpenAI

Isso o levará à página inicial da API. No canto superior direito, clique no seu perfil e selecione o Ver chaves de API opção.

Página inicial da API OpenAI

Agora você será direcionado para o Chaves de API página. Clique no Crie uma nova chave secreta opção. Em seguida, nomeie e gere sua chave secreta.

Nomenclatura de chave de API OpenAI

Esta é a chave de API que você usará para conectar o modelo de linguagem grande OpenAI ao CodeGPT. Copie-o para a área de transferência.

Prossiga para o VS Code e navegue até Configurações > Extensões > CodeGPT​​​​​​.

Página de configuração do CodeGPT no VSCode

Nesta página, você pode configurar como o CodeGPT interage com o modelo de linguagem grande. Você pode escolher o seu Provedor de IA, Máximo de tokens para cada solicitação e o Modelo usar. Além disso, ao rolar mais para baixo, você também pode definir o Temperatura valor.

Máximo de tokens ajudá-lo a controlar o comprimento do texto gerado. O Temperatura um valor entre 0 e 1 ajuda a controlar a aleatoriedade do texto na saída do modelo. Você não está limitado ao OpenAI LLM. Você pode usar qualquer um dos modelos de linguagem no Provedor de IA opção, desde que você tenha sua chave de API.

Para inserir sua chave API, pressione Cmd + Shift + P no Mac ou Ctrl + Shift + P no Windows para abrir a paleta de comandos. Em seguida, pesquise CodeGPT e selecione CodeGPT: definir chave de API.

Comando API CodeGPT na paleta de comandos VSCode

Clique nele e cole sua chave API no prompt que aparece. Salve-o pressionando Digitar. Por fim, recarregue o VS Code para começar a usar o CodeGPT.

Gerando código com CodeGPT

Para demonstrar o recurso de geração de código CodeGPT, você criará um aplicativo de calculadora usando Python.

Você pode gerar código com CodeGPT usando comentários ou usando a janela de bate-papo do CodeGPT. Para gerar código a partir de comentários, escreva um comentário sobre o que você gostaria que o CodeGPT fizesse em seu script. Então, com o cursor no final do comentário, pressione Ctrl + Shift + I. CodeGPT processará a solicitação e abrirá uma nova janela com os resultados.

CodeGPT gerando código a partir de um comentário

Você pode então copiar e colar o código em seu script. Este método não é organizado porque a resposta contém texto.

Para gerar código conversando com CodeGPT, clique no ícone de bate-papo CodeGPT na barra lateral esquerda. Isso abrirá uma janela de bate-papo.

Janela de bate-papo do CodeGPT

Em seguida, insira sua solicitação e clique Enviar. Neste caso, a solicitação é de uma calculadora simples. CodeGPT processará sua solicitação e gerará seu código na janela de chat.

Geração de código CodeGPT na janela de chat

Clique na seta “inserir código” para colar automaticamente o código em seu script. Como você pode ver, esse método é mais organizado. O código gerado é conforme mostrado abaixo:

def add(x, y):
   return x + y
def subtract(x, y):
   return x - y
def multiply(x, y):
   return x * y
def divide(x, y):
   if y != 0:
       return x / y
   else:
       return "Error: cannot divide by zero"
print("Select operation:")
print("1. Addition")
print("2. Subtraction")
print("3. Multiplication")
print("4. Division")
choice = input("Enter your choice (1-4): ")
num1 = float(input("Enter the first number: "))
num2 = float(input("Enter the second number: "))
if choice == '1':
   print(num1, "+", num2, "=", add(num1, num2))
elif choice == '2':
   print(num1, "-", num2, "=", subtract(num1, num2))
elif choice == '3':
   print(num1, "*", num2, "=", multiply(num1, num2))
elif choice == '4':
   print(num1, "https://www.makeuseof.com/", num2, "=", divide(num1, num2))
else:
   print("Invalid input. Please try again.")

Quando você executa o código, ele funciona corretamente. Com apenas um prompt, você foi capaz de criar uma calculadora simples.

Refatorando seu código com CodeGPT

Para refatorar seu código, selecione o código que deseja refatorar, clique com o botão direito nele e selecione Código de refatoraçãoGPT. No Código de refatoraçãoGPT caixa de diálogo, insira seu prompt descrevendo a refatoração que você deseja executar. Por exemplo, você poderia inserir “refatorar este código para usar um loop for em vez de um loop while”.

CodeGPT irá gerar um novo código que implementa a refatoração solicitada.

Explicando seu código com CodeGPT

Para explicar seu código, selecione o código que você deseja que o CodeGPT explique. Em seguida, clique com o botão direito no código destacado e selecione o Explique o CódigoGPT opção.

Explicação do código CodeGPT na janela de chat

CodeGPT explicará o que o código faz na janela de chat.

Documentando seu código usando CodeGPT

Documentar seu código ajuda outros desenvolvedores a ler e compreender seu código. Também pode ajudá-lo a entender seu código no futuro.

Para documentar seu código, selecione o código que deseja documentar, clique com o botão direito nele e selecione o Código do documentoGPT opção. CodeGPT irá gerar a documentação do código na janela de chat. Você pode então copiar e colar a explicação em sua documentação.

Para comentários embutidos, use a janela de bate-papo para instruir o CodeGPT a inserir os comentários embutidos necessários em seu código. Instruir o CodeGPT para inserir comentários embutidos nas funções do aplicativo calculadora produz os seguintes resultados:

def add(x, y):
   return x + y

def subtract(x, y):
return x – y

def multiply(x, y):
return x * y

def divide(x, y):
if y != 0:
return x / y
else:

return “Error: cannot divide by zero”

 

Estes são comentários embutidos claros e corretos.

Compreendendo como funciona a IA generativa

CodeGPT utiliza o poder da IA ​​generativa em todos os seus recursos. Nem sempre pode fornecer as informações corretas. Portanto, você precisa verificar se os resultados estão corretos. Compreender como funciona a IA generativa ajudará você a se familiarizar com seus pontos fortes e fracos.

Artigos Populares

Artigos Recentes

Veja Também

Receba as notícias diárias em sua caixa de entrada