ChatGPT se ha convertido en una de las palabras de moda de todos los tiempos. Entre los múltiples puntos fuertes de ChatGPT, destacan sobre todo sus capacidades de asistente de código. Ya se trate de generación de código, optimización de código, resolución de errores o documentación, ChatGPT lo cubre todo.

Es cierto que a veces alucina y da respuestas seguras pero inexactas, y usted debe verificarlas, pero para eso estamos los humanos. ChatGPT no está pensado para ser utilizado únicamente. Más bien, está pensado para ser acompañado por humanos experimentados en los respectivos campos.

En lo que respecta a la codificación, ChatGPT puede ser beneficioso para los programadores de múltiples maneras. Echemos un vistazo a algunas de ellas:

Codificación utilizando ChatGPT

Entre las ventajas de utilizar ChatGPT durante la codificación se incluyen:

  • Generación de contenido ficticio: Una de las tareas más aburridas y que más tiempo consumen mientras se programa es generar contenido ficticio para las pruebas manuales. Sé que puede utilizar «lorem ipsum» para evitarlo, pero ¿y si desea el contenido en un tipo de datos concreto y no sólo una cadena? Pues bien, ChatGPT puede hacerlo por usted.
  • Traducción de código: Supongamos que ha escrito un programa en Javascript pero quiere portarlo a otro dispositivo que sólo admita Java. En ese caso, tendrá que traducirlo a Java y realizar las optimizaciones necesarias. Para ChatGPT es bastante fácil hacerlo.
  • Documentación: Esto es lo que la mayoría de los desarrolladores olvidan añadir a su código. Un código bien documentado es lo mejor que puede pedir un desarrollador de software. Y sí, ChatGPT también es experto en eso.
  • Generación de código: Para que ChatGPT genere un código preciso, debe proporcionar una descripción elaborada del problema que desea resolver. Cuanto más contexto proporcione, más optimizado y preciso será el código generado.

Ahora bien, todo eso está muy bien, pero ¿y si le dijera que puede integrar la herramienta de IA más potente del mundo con el editor de código más popular del mundo? Sí, lo ha adivinado bien. ChatGPT puede integrarse con VS Code, ofreciéndole lo mejor de ambos mundos.

Ventajas de utilizar ChatGPT con VS Code

VSCode es utilizado por la mayoría de los desarrolladores por ahí debido a su alta extensibilidad. Es un editor de código en su núcleo, pero si se combina con múltiples extensiones, se convierte en un potente IDE. Si ya está familiarizado con VS Code, integrar ChatGPT con él llevará su productividad al siguiente nivel.

Veamos algunas formas en las que puede beneficiarse del uso de ChatGPT con VS Code:

#1. Explicación del código existente

Póngase en la piel de un nuevo desarrollador que se haya incorporado recientemente a un proyecto con mucho código heredado. ¿Cuál sería la pesadilla del desarrollador? Entender el código existente, ¿verdad? ChatGPT se lo pone fácil.

Con la extensión CodeGPT, sólo tiene que seleccionar un bloque de código, hacer clic con el botón derecho y seleccionar la opción «explicar código» en el menú. Y ya está.

chatgpt explaining code using codegpt vscode extension

#2. Documentar su código

Añadir comentarios significativos para hacer el código más legible es algo que raramente hacen los desarrolladores de software. Así, el resultado es un código heredado sin explicar y sin comentar, que es difícil de refactorizar. Ahí es donde ChatGPT entra en acción.

Puede explicarle todo el código y, junto con él, documentarlo por usted. Aquí me tiene utilizando la extensión CodeGPT VS Code para documentar mi código de servidor WebSocket.

chatgpt documenting code using codegpt extension
chatgpt documenting code

#3. Refactorización de su código

Refactorizar y optimizar el código es uno de los mayores retos en el desarrollo de software. Si quiere refactorizar un trozo de código sin mucho contexto sobre él, ChatGPT puede ayudarle a hacerse con algunas piezas de contexto que le faltan.

chatgpt refactoring code

Por ejemplo, estoy intentando refactorizar el código anterior utilizando ChatGPT, y los resultados son bastante sorprendentes. Así, ChatGPT no sabe que estoy utilizando algunos valores del ámbito externo, pero sabe que puede darse el caso, por lo que me avisó de antemano.

Además, se da cuenta rápidamente de que esta función tiene que ejecutarse dentro de una instancia WebSocket. Genial, ¿verdad?

Integración de ChatGPT con VS Code

Todo lo que necesita para la mayoría de las extensiones de VS Code que proporcionan acceso a ChatGPT es una clave API proporcionada por OpenAI. Para generar una clave API, siga los pasos que se mencionan a continuación:

Paso 1: Crear una cuenta OpenAI

Este paso sólo es necesario si aún no tiene una cuenta OpenAI. Si tiene una, puede simplemente iniciar sesión en el sitio web.

  • Vaya al sitio web de OpenAI.
  • Abra el menú hamburguesa.
openai menu
  • Una vez que inicie sesión, será redirigido a esta página.
openai apps
  • Seleccione la tarjeta API y, a continuación, será redirigido a la plataforma OpenAI.

Paso 2: Generar una clave API

  • En el menú desplegable del perfil, seleccione «Ver claves de API».
openai dashboard
  • Allí podrá generar un nuevo secreto para su cuenta, que es esencialmente su clave API.
openai api key

Paso 3: Añadir la clave API a la configuración de la extensión

Esto depende de cada extensión, pero por ejemplo, si ha instalado la extensión CodeGPT, puede añadir la clave API pulsando Ctrl Mayús P y buscando CodeGPT: Set API Key en la paleta de comandos.

setting apikey

Extensiones ChatGPT VS Code

Estas son algunas de las extensiones VS Code que le convertirán en un desarrollador 10x con la ayuda de ChatGPT.

#1. Código GPT

geekflare_codegpt_chatgpt_extension

Esta extensión Code GPT es una de las extensiones ChatGPT más populares para VS Code. Cuenta con más de 700k instalaciones y proporciona una amplia gama de funciones como explicación de código, refactorización, respuesta a consultas técnicas, etc. Es completamente gratuita. Todo lo que necesita hacer es añadir la clave API generada desde el sitio web de OpenAI.

Puede probar diferentes modelos LLM como gpt-3.5-turbo, gpt-3.5-turbo-16k y gpt-4; todos ellos son compatibles con esta extensión.

#2. Genie AI

genieai chatgpt vscode extension

Laextensión Genie AI dispone de funciones como la visualización de diferencias de código, la depuración, el seguimiento del historial de conversaciones, la optimización de código y mucho más. Es compatible con múltiples modelos GPT y requiere la clave oficial de la API OpenAI.

La característica más útil de esta extensión es el historial de conversaciones. Almacena el historial en archivos que son gestionados por la API de almacenamiento global proporcionada por VS Code. No tiene forma de eliminar esos archivos, por lo que es posible que desee eliminarlos manualmente por razones de privacidad.

#3. Rubberduck AI

rubberduck chatgpt extension

Una característica interesante de esta extensión Rubberduck AI es la posibilidad de generar pruebas unitarias para un componente de interfaz de usuario. Basta con seleccionar el componente y, a continuación, seleccionar «Generar prueba unitaria» en el menú del botón derecho.

Las pruebas unitarias, en particular, resultan a veces confusas, sobre todo cuando hay que simular determinados valores y funciones. Esta extensión hace que sea pan comido.

Al igual que otras extensiones, necesitará una clave de API de OpenAI para que funcione.

Palabras finales

El acceso a ChatGPT dentro de VS Code es lo mejor que se puede pedir. VS Code es un editor de código extensible con una rica biblioteca de extensiones para mejorar la productividad de los desarrolladores. Así, puede mejorar aún más la productividad de su desarrollador integrándolo con las extensiones ChatGPT sin comprometer su flujo de trabajo.

A continuación, aprenda a integrar ChatGPT con Siri.