Juneikerc.com

CodeGPT: ChatGPT dentro de vscode

¿Te imaginas tener un asistente inteligente que te ayude a escribir código, resolver problemas, optimizar tu trabajo y aprender nuevas habilidades? Pues eso es lo que te ofrece CodeGPT.

Una extensión para Visual Studio Code que te permite utilizar la API oficial de OpenAI para integrar GPT 3.5 o GPT 4 (además de otros modelos) en el editor de código.

imagen destacada del post: CodeGPT: ChatGPT dentro de vscode

¿Qué es CodeGPT?

CodeGPT es una extensión para VSCode que te proporciona explicaciones instantáneas para tu código dentro del editor usando IA.

CodeGPT puede utilizar cualquiera de los modelos GPT (Generative Pre-trained Transformer), el cual es capaz de generar texto a partir de una entrada, ya sea una palabra, una frase o un contexto.

A parte de los modeles de generación de texto de openAI también puedes usar alguno de los siguientes modelos para generar código:

Instalación y configuración de codeGPT

Para configurar CodeGPT en VSCode, se deben seguir los siguientes pasos:

1. Abrir VSCode y seleccionar la opción "Extensions" en el menú de la izquierda.

2. Buscar "Code GPT" en la barra de búsqueda y seleccionar la opción de instalar la extensión

extension dode-gpt

3. Una vez instalada la extensión, abrir el menú de "Settings" en VSCode.

4. Buscar la opción de "extensiones" y selecciona codeGPT.

5. Ahora para agregar tu api key de openai presiona cmd+shift+p y busca el siguiente termino 'CodeGPT: Set API KEY' , Pudede generar tus claves de openai aqui

6. Introducir la clave de API de OpenAI en el campo de entrada y presiona enter.

enter api key coge-gpt

Con esto ya tendrías la extension lista para usarla, puedes cambiar en configuración el lenguaje, en que quieres obtener la respuesta, el número maximo de tokens a utilizar por cada respuesta, el modelo de lenguaje y la temperatura .

Funcionalidades principales de CodeGPT

Entre las funcionalidades principales de CodeGPT se encuentran:

Uso del chat dentro de VSCode

La extensión ofrece una integración del chatGpt dentro de vscode y puedes interactuar con ella ya sea pidiendole código o preguntandole sobre código de tu poryecto.

Chat-gpt dentro de vscode

Nota important

Para preguntarle codeGpt sobre código de algún archivo de tu proyecto debes seleccionarlo antes.

Generar código:

puedes escribir un comentario pidiendo un código y luego presionar "cmd+shift+i" para que la extensión abra un espacio con el código generado por ejemplo:

js
// Generar un regex para validar un color hexadecimal
let regex = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;

Explicar código

También puedes perdile a codeGPT explicar código. Para ello selecciona el código deseado y se haz clic con el botón derecho del ratón. 

En el menú emergente, se selecciona la opción "Explain CodeGPT" y abrirá una nueva ventana con una explicación detallada del código seleccionado.

Refactorizar código

CodeGPT permite refactorizar código. Sombrea el fragmento de código haz hace click con en el botón derecho de mouse y en el menú emergente, se selecciona la opción "Refactor CodeGPT". CodeGPT abrirá una nueva ventana con el código refactorizado.

Documentar código

Selecciona el código deseado y se haz click con el botón derecho del ratón. En el menú emergente selecciona la opción "Document CodeGPT". CodeGPT abrirá una nueva ventana con la documentación del código seleccionado.

Encontrar problemas en el código

Se selecciona el código deseado y haz click con el botón derecho del ratón. En el menú selecciona la opción "Find Problems CodeGPT". CodeGPT buscará y mostrará los problemas encontrados en una nueva ventana.

Generar pruebas unitarias

Para ello, selecciona el código deseado y se haz clic con el botón derecho del ratón y selecciona la opción "unit test codeGPT" aparecerá una nueva ventana con el código para realizar las pruebas.

Simular compilación de código

Selecciona el código deseado, haz click derecho y selecciona la opción "Compile & Run CodeGPT" y codeGPT simulara ser un compilador ejecutando el código

Ventajas y desventajas de CodeGPT

Las ventajas de CodeGPT incluyen:

Las desventajas de CodeGPT incluyen:

Video demostración de codeGPT

En este video Daniel desarrollador de la extensión enseña cada una de las funcionaliades y como usar codeGPT:

CodeGPT, el copiloto de IA que te hace la vida más fácil

Esta extensión es fácil de instalar y usar, y te ofrece una experiencia de programación única y personalizada. Si conocer más sobre CodeGPT, puedes hacerlo desde aquí.

Si te ha gustado este artículo, no dudes en compartirlo con tus amigos y colegas programadores. ¡Hasta la próxima!