Cómo instalar y usar CodeGPT en VS Code

Lectores como usted ayudan a apoyar a MUO. Cuando realiza una compra utilizando enlaces en nuestro sitio, podemos ganar una comisión de afiliado. Leer más.

VS Code tiene varias extensiones útiles que mejoran su funcionalidad y brindan funciones para los flujos de trabajo de desarrollo. Una de estas extensiones es CodeGPT, que aporta el poder de la inteligencia artificial generativa a VS Code.

CodeGPT te permite manipular tu código sin esfuerzo. Puedes usarlo para generar código a partir de comentarios, refactorizarlo, depurarlo, documentarlo o incluso explicar qué hace un determinado bloque de código.

Instalación y configuración de CodeGPT

Para instalarCódigoGPT, inicie VS Code. Luego haga clic en el ícono de extensiones en la barra lateral izquierda de su ventana. Luego busqueCódigo GPT. Debería ser el primero en los resultados de búsqueda. Asegúrate de que tenga una insignia de verificación azul.

Haga clic en elInstalarpara agregarlo a VS Code. Después de instalar CodeGPT, ahora necesita conectarlo a un modelo de lenguaje grande. Este modelo es el que le confiere sus capacidades generativas.

Para establecer la conexión entre CodeGPT y el modelo de lenguaje grande, necesita una clave API. En esta guía, utilizará la API OpenAI. Para obtener uno, vaya alAPI abierta de IAplataforma e inicie sesión. Si no tiene una cuenta, regístrese para obtener una. Después de iniciar sesión, seleccione elAPIopción en la página que aparece.

Esto lo llevará a la página de inicio de la API. En la esquina superior derecha, haz clic en tu perfil y selecciona elVer claves APIopción.

Ahora, serás dirigido alClaves APIpágina. Haga clic en elCrear nueva clave secretaopción. Luego, nombra y genera tu clave secreta.

Esta es la clave API que utilizará para conectar el modelo de lenguaje grande OpenAI a CodeGPT. Cópialo en tu portapapeles.

Continúe con VS Code y navegue hastaConfiguración > Extensiones > CodeGPT.

Desde esta página, puede configurar cómo interactúa CodeGPT con el modelo de lenguaje grande. Puedes elegir tuProveedor de IA,Fichas máximaspara cada solicitud, y elModelopara usar. Además, cuando te desplazas hacia abajo también puedes configurar elTemperaturavalor.

Fichas máximasayudarle a controlar la longitud del texto generado. ElTemperaturaEl valor que está entre 0 y 1 le ayuda a controlar la aleatoriedad del texto en la salida del modelo. No está limitado a OpenAI LLM. Puede utilizar cualquiera de los modelos de lenguaje en elProveedor de IAopción, siempre que tenga su clave API.

Para ingresar su clave API, presioneCmd + Mayús + Pen Mac oCtrl + Mayús + Pen Windows para abrir la paleta de comandos. Luego busque CodeGPT y seleccioneCodeGPT: Establecer clave API.

Haga clic en él y pegue su clave API en el mensaje que aparece. Guárdalo presionandoIngresar. Finalmente, recarga VS Code para comenzar a usar CodeGPT.

Generando código con CodeGPT

Para demostrar la función de generación de código CodeGPT, creará una aplicación de calculadora usando Python.

Puede generar código con CodeGPT mediante el uso de comentarios o utilizando la ventana de chat de CodeGPT. Para generar código a partir de comentarios, escriba un comentario sobre lo que le gustaría que hiciera CodeGPT en su secuencia de comandos. Luego con el cursor al final del comentario, presioneCtrl + Mayús + I. CodeGPT procesará la solicitud y abrirá una nueva ventana con los resultados.

Luego puede copiar y pegar el código en su secuencia de comandos. Este método no es ordenado ya que la respuesta tiene texto.

Para generar código chateando con CodeGPT, haga clic en el icono de chat de CodeGPT en la barra lateral izquierda. Esto abrirá una ventana de chat.

Luego ingrese su solicitud y haga clicEnviar. En este caso, la solicitud es para una calculadora sencilla. CodeGPT procesará su solicitud y generará su código en la ventana de chat.

Haga clic en la flecha "insertar código" para pegar automáticamente el código en su secuencia de comandos. Como puede ver, este método es más ordenado. El código generado es el que se muestra a continuación:

 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.")

Cuando ejecutas el código, funciona correctamente. Con solo un mensaje, pudo crear una calculadora simple.

Refactorizando su código con CodeGPT

Para refactorizar su código, seleccione el código que desea refactorizar, luego haga clic derecho sobre él y seleccioneCódigo de refactorGPT. En elCódigo de refactorGPTEn el cuadro de diálogo, ingrese su mensaje que describe la refactorización que desea realizar. Por ejemplo, podría ingresar "refactorizar este código para usar un bucle for en lugar de un bucle while".

CodeGPT generará un nuevo código que implemente la refactorización solicitada.

Explicando su código con CodeGPT

Para explicar su código, seleccione el código que desea que CodeGPT explique. Luego haga clic derecho en el código resaltado y seleccione elExplicar el código GPTopción.

CodeGPT explicará qué hace el código en la ventana de chat.

Documentar su código usando CodeGPT

Documentar su código ayuda a otros desarrolladores a leer y comprender su código. También puede ayudarle a comprender su código en el futuro.

Para documentar su código, seleccione el código que desea documentar, luego haga clic derecho sobre él y seleccione elCódigo de documento GPTopción. CodeGPT generará documentación del código en la ventana de chat. Luego puede copiar y pegar la explicación en su documentación.

Para comentarios en línea, use la ventana de chat para indicarle a CodeGPT que inserte los comentarios en línea necesarios en su código. Instruir a CodeGPT para que inserte comentarios en línea en las funciones de la aplicación de calculadora produce los siguientes resultados:

 def add(x, y):
   return x + y # returns the sum of x and ydef subtract(x, y):
   return x - y # returns the difference between x and y
def multiply(x, y):
   return x * y # returns the product of x and y
def divide(x, y):
   if y != 0:
       return x / y # returns the division result of x and y
   else:
       # returns an error message if y is zero (dividing by zero is not allowed)
       return "Error: cannot divide by zero"

Estos son comentarios en línea claros y correctos.

Comprender cómo funciona la IA generativa

CodeGPT utiliza el poder de la IA generativa para todas sus funciones. Es posible que no siempre proporcione la información correcta. Por lo tanto, es necesario comprobar si los resultados son correctos. Comprender cómo funciona la IA generativa le ayudará a familiarizarse con sus fortalezas y debilidades.