Lleve su productividad de codificación al siguiente nivel integrando ChatGPT con VS Code.
Puede ser el jefe de sus tareas y aumentar su productividad cuando aprende a aprovechar las herramientas de IA que salen de los laboratorios de investigación a diario. VS Code presenta la extensión ChatGPT para brindarle un entorno de codificación habilitado para OpenAI.
Puede aprovechar el amplio modelo de codificación de ChatGPT para completar sus proyectos de manera más eficiente y rápida, directamente dentro del IDE. Aquí hay formas prácticas de usar ChatGPT con VS Code.
Cómo instalar y usar la extensión ChatGPT en VS Code
Cuando busca "ChatGPT" o "Code GPT" en el mercado de extensiones de VS Code, aparecen muchas extensiones relacionadas. A diferencia de GitHub Copilot, estos no son oficialmente directamente de OpenAI.
Sin embargo, la mayoría de las extensiones de VS Code ChatGPT muestreadas funcionan de la misma manera. Pero nos apegaremos a Extensión ChatGPT de EasyCode para este artículo, ya que es bastante decente para demostrar los casos de uso de ChatGPT en VS Code. Es compatible con GPT-4 y GPT-3.5, tiene un nivel gratuito y no requiere una clave API.
Para instalar la extensión ChatGPT en VS Code:
- Abra VS Code y haga clic en el icono de configuración en la parte inferior izquierda de la barra lateral izquierda.
- Ir a Extensiones.
- Alternativamente, presione Ctrl + Mayús + X (Comando + Mayús + X para Mac) para abrir directamente el mercado de extensiones.
- Escribe "ChatGPT - EasyCode" en la barra de búsqueda en la parte superior izquierda.
- Haga clic en la extensión cuando se vea.
- Finalmente, haga clic en Instalar.
- Verás el icono de la extensión en la barra lateral izquierda una vez instalada.
- Haga clic en el icono de la extensión. Hacer clic Probar sin cuenta. pero siéntete libre de Iniciar sesión si tienes una cuenta o Inscribirse para una nueva cuenta con el proveedor de extensión.
Cómo usar la extensión ChatGPT
- Para usar un indicador incorporado, resalte el código de destino y haga clic con el botón derecho en él. Seleccione cualquiera de las indicaciones disponibles.
- Para escribir un aviso personalizado, haga clic con el botón derecho en el código resaltado y seleccione Preguntar a GPT. Escriba su mensaje en el cuadro de chat en la parte superior y presione Ingresar.
Cómo usar la extensión ChatGPT con su base de código
Si ha abierto VS Code en su directorio base de código y desea que ChatGPT acceda a los módulos subyacentes:
- Haga clic en el icono de la extensión en la barra lateral izquierda. Luego revisa el Pregunte a la base de código caja.
- Copie el código objetivo y péguelo en el cuadro de chat.
- Escriba su indicación debajo del código (presione Mayús + Intro) en el cuadro de chat.
- Prensa Ingresar o haga clic en el icono de enviar.
Ahora veamos las diversas formas de usar ChatGPT en VS Code.
1. Refactorizar y modificar código
ChatGPT ha demostrado ser útil para modificar código de procedimiento, funcional y orientado a objetos.
Por ejemplo, al usar esta extensión, le pedimos a ChatGPT que refactorizara el código defectuoso a continuación, una función de Python para crear un diccionario arbitrario y agregar "Comprar" a cada valor.
definitivamentehacerDict(n: calle, **kwargs)->dict:
algunos: dictar
para valor clave en kwargs.elementos():
algunos = n+" "+valor
devolver alguno
nuevoDict = hacerDict("Comprar", articulo1="Libro GPT", articulo2="Tutorial Java", articulo3="Guía de Senderismo")
Lo hizo bastante bien al producir el código correcto que da el resultado esperado, con razones detalladas para la modificación:
Además, puede utilizar el Haz un seguimiento cuadro para decirle a ChtGPT que convierta el código en una clase y muestre cómo instanciarlo:
El código generado arriba es más modular y reutilizable.
2. Depure su código
Si su código arroja un error o no funciona como debería, pedirle a ChatGPT que lo depure directamente dentro de VS Code ahorra tiempo.
Aunque no hay un indicador incorporado para la depuración, puede usar el Pregunte GPT opción para crear un aviso personalizado para depurar su código.
Le pedimos a la extensión ChatGPT que depurara el código que usamos anteriormente. No solo se depuró. Lo explicó y generó el correcto, incluido su resultado esperado.
3. Escriba su código en otro idioma
Es posible que desee escribir un programa en un idioma en particular además de su núcleo. Puede escribir su código en su idioma principal y pedirle a ChatGPT que lo reescriba en el lenguaje de programación elegido.
Sin embargo, el código generado puede requerir poca intervención humana, ya que ChatGPT podría no proporcionar un código convertido completamente funcional en algunos casos.
Por ejemplo, convertimos el siguiente código de Python en su equivalente C usando la extensión VS Code ChatGPT:
Puede lograr esto haciendo clic derecho en el código resaltado y seleccionando el Pregunte GPT opción.
Aquí está nuestro aviso en VS Code:
Aunque generó el equivalente en C dos veces antes de hacerlo bien, el código final funciona.
4. Genere un componente frontend para su API
Si ha escrito una API con diferentes puntos finales, puede pedirle a la extensión ChatGPT que proporcione un componente frontend para consumirlo usando un marco particular. Esto podría ser React, Vue o Angular.
Por ejemplo, usamos la extensión para generar un componente React para crear un calendario de reuniones basado en un punto final de API creado con FastAPI de Python:
Como se hizo anteriormente, es posible que desee comprobar el Pregunte a la base de código cuadro si se trata de una gran base de código.
Después de hacer referencia a nuestra base de código, la extensión ChatGPT de VS Code proporcionó un componente React útil para usar el punto final proporcionado:
5. Explicar bloques de código
Suponga que tomó un fragmento de código de Stack Overflow o un repositorio de GitHub. Puede pedirle a la extensión ChatGPT en VS Code que explique cómo funciona para una mejor comprensión. Esto lo ayuda a depurar dicho código fácilmente si surgen errores debido a futuros cambios en el código.
En este caso de uso de ejemplo, le pedimos a la extensión ChatGPT que explicara el siguiente código; una clase de Python para verificar las direcciones de correo electrónico de los usuarios.
Generó la siguiente respuesta:
6. Genere plantillas HTML para su aplicación
Con la extensión ChatGPT en VS Code, puede crear una plantilla HTML (como campos de entrada) desde cero, usando el cuadro de chat de la extensión directamente. Por ejemplo, puede indicarle que cree una plantilla HTML para el registro de usuarios.
Pero, ¿qué sucede si está escribiendo una aplicación que procesa datos en HTML directamente (no SPA) y desea una plantilla específica para el proyecto? Puede usar la extensión ChatGPT en VS Code para crear plantillas HTML que muestren los datos de back-end a los usuarios.
Por ejemplo, si está utilizando un Marco basado en arquitectura MVT como Django, puede usar la extensión para forjar plantillas HTML para sus vistas de Django.
Una vez más, para este tipo de caso de uso, es posible que desee hacer clic en el Pregunte a la base de código casilla de verificación para que ChatGPT acceda a su código base.
7. Prueba unitaria de su código
A pesar de lo esencial que es la prueba unitaria, puede consumir mucho tiempo. Puede aprovechar la extensión ChatGPT de VS Code para generar pruebas unitarias para su código y ahorrar un valioso tiempo de desarrollo.
Aunque la extensión ChatGPT tiene un indicador incorporado para generar pruebas unitarias, es posible que desee escribir un indicador personalizado utilizando el Pregunte a la base de código opción para la especificidad y un mejor resultado.
Le pedimos a ChatGPT que escribiera una prueba de unidad para un punto final de registro creado con FastAPI de Python:
Probó la base de código de manera eficiente para generar la prueba unitaria requerida:
8. Encuentre vulnerabilidades de seguridad potenciales
Si bien es posible que no proporcione un análisis de seguridad detallado, la extensión ChatGPT de VS Code puede ser una herramienta útil para compruebe si hay vulnerabilidades de seguridad en su aplicación base de código y ahorre tiempo escaneando manualmente.
Para permitir que ChatGPT escanee su código base, use el Pregunte a la base de código opción (haga clic en el icono de la extensión y marque la Pregunte a la base de código caja).
Si por lo general juega a su manera alrededor de algún viejo o nuevas características del Código VS, no dude en consultar el IDE desde la extensión ChatGPT.
Por ejemplo, puede pedirle a la extensión que recomiende las mejores extensiones para depurar un lenguaje de programación en particular.
O puede hacerle una pregunta más técnica, como cómo abrir VS Code desde la línea de comandos.
10. Escribir documentación directamente desde VS Code
Puede escribir documentación detallada para una pieza de código directamente desde VS Code con facilidad utilizando la extensión ChatGPT.
Por ejemplo, aquí hay una documentación detallada de una función de creación de enlaces de Zoom (en formato HTML) que generamos usando la extensión ChatGPT de VS Code:
Codifique de manera eficiente con ChatGPT en VS Code
Como programador en un Internet acelerado, desea lograr un producto mínimo viable en el menor tiempo posible. Aunque ChatGPT no es del todo confiable, podría ayudarlo en su viaje de desarrollo si se usa de manera creativa. Y hay muchos más casos de uso de ChatGPT en la programación. Sin embargo, con todo lo dicho, asegúrese de validar los resultados de ChatGPT, ya que a veces pueden ser engañosos.