Cómo utilizar Gemini Code Assist en VS Code

Google lanzó recientemente Gemini Code Assist, una herramienta de asistencia y finalización de código de IA para empresas, en la conferencia Cloud Next, que se está llevando a cabo actualmente en Las Vegas.

¿Qué es la asistencia de código Gemini? Puede utilizar Gemini Code Assist en su IDE, como VS Code, IntelliJ, Cloud Workstations o Cloud Shell Editor para ayudar con el desarrollo, o utilizarlo en Google Cloud Console para solucionar problemas de forma asistida.

Gemini Code Assist puede ayudarlo a completar el código mientras lo escribe, generar funciones completas o bloques de código a partir de comentarios, generar pruebas unitarias y ayudarlo a depurar, comprender y documentar su código.

Técnicamente se trata de una evolución de Duet AI, que Google descontinuó hace unos meses. Sin embargo, ahora es más un competidor directo de GitHub Copilot de Microsoft, que es una de las herramientas de inteligencia artificial más destacadas que puede ayudarlo con la codificación.

Code Assist utiliza Gemini 1.5 Pro, que tiene una ventana de contexto de 1 millón, la ventana de contexto más grande que ofrece cualquier modelo. Esto le da a Code Assist una ventaja considerable. Los usuarios incluso podrían realizar cambios en toda su base de código con esta ventana contextual, que ninguna otra plataforma ofrece actualmente.

Las empresas también podrán ajustar Code Assist a su base de código interno, de forma muy parecida a GitHub Copilot.

Puede probar Gemini Code Assist de forma gratuita hasta el 11 de julio de 2024, limitado a un usuario por cuenta de facturación.

Para esta guía, nos centraremos en cómo puede utilizar Gemini Code Assist en Visual Studio (VS) Code.

Configuración de Gemini Code Assist con VS Code

Para usar Code Assist con VS Code, deberá seguir los pasos a continuación para configurar todo.

Instalar la extensión de código en la nube

En primer lugar, debe instalar la extensión Cloud Code para usar Code Assist con VS Code.

Abra VS Code en su máquina.
Luego, vaya a ‘Extensiones’ en el menú de la izquierda.

Busque ‘Código de nube’ usando la barra de búsqueda. Haga clic en el primer resultado de búsqueda, es decir, Gemini + Google Cloud Code.

Luego, haga clic en el botón ‘Instalar’ e instale la extensión.

La extensión Cloud Code ahora está instalada en VS Code. Funciona mejor con los siguientes idiomas:

NodoJS
Ir
Pitón
Java
.NETO

Si bien NodeJS tiene soporte integrado en VS Code y no requiere ninguna acción adicional, necesitarás instalar los otros idiomas si quieres usarlos. Puede instalar estos idiomas de la misma manera que instaló la extensión Cloud Code.

Opcionalmente, si desea copiar muestras a su máquina, también deberá instalar Git.

Conéctate a Google Cloud

Ahora, el siguiente paso consiste en conectarse a Google Cloud desde VS Code.

Una vez instalada la extensión, haga clic en la opción ‘Abrir tutorial’.

Haga clic en el botón ‘Conectar’ en la opción ‘Conectar con Google Cloud’.

Aparecerá un mensaje indicando que VS Code quiere abrir un sitio web externo. Haga clic en ‘Abrir’ para continuar.

Luego, inicie sesión en su cuenta de Google.
A continuación, su cuenta de Google le pedirá que se asegure de haber descargado esta aplicación [Código de nube] de Google; Haga clic en ‘Iniciar sesión’ para continuar.

Su cuenta ahora está conectada a Google Cloud.

A continuación, deberá activar Gemini en VS Code seleccionando un proyecto de Google Cloud que tenga habilitada la API de la nube. Sin embargo, si no te has registrado en Google Cloud hasta ahora, primero deberás hacerlo.

Si no tienes Google Cloud, puedes obtener una prueba gratuita durante 3 meses con créditos de $300.

Vaya a cloud.google.com y haga clic en «Comenzar gratis».

Luego, proporcione la información de su cuenta y haga clic en «Aceptar y continuar».

Proporcione su información de pago y haga clic en ‘Comenzar gratis’ para obtener la prueba gratuita. No se le cobrará una vez finalizada la prueba a menos que active manualmente su cuenta completa para Google Cloud.

Una vez que tenga Google Cloud, puede usar un proyecto de él para usar Gemini en VS Code.

Activar Gemini en VS Code

Ahora, regrese a VS Code y haga clic en ‘Seleccionar proyecto de Google Cloud’ para activar Gemini.

En la parte superior aparecerá la opción para seleccionar el proyecto de Google Cloud. Seleccione el proyecto Google Cloud con la API de la nube habilitada. También puedes crear un nuevo proyecto de Google Cloud.

Si Cloud API no está habilitada para su proyecto seleccionado, recibirá un error en la ventana de VS Code. Haga clic en ‘Habilitar API’ para solucionarlo.

Gemini se activará para su uso en VS Code. Puede acceder a él desde la barra de estado en cualquier momento, que ahora mostrará un Gemini activado, en lugar del icono de Gemini deshabilitado anterior (icono rojo con una línea diagonal que lo cruza).

La opción para Géminis también se agregará a la barra de actividades de la izquierda.

Eso es todo. Ahora, puede comenzar a usar Gemini en VS Code para obtener ayuda con la generación de código o chatear con él.

Generando código con Gemini

Para usar Gemini en VS Code, puede generar código nuevo con indicaciones, obtener sugerencias de codificación u obtener sugerencias en línea.

Primero, abra una aplicación existente en la que desee utilizar Gemini o cree una aplicación de muestra para Cloud Code para probar Gemini.

Para crear una aplicación de muestra, presione Ctrl+ Shift+ P(Windows/Linux) o Cmd+ Shift+ P(Mac) para abrir la paleta de comandos en VS Code.
Luego, escribe ‘Código de nube: Nueva aplicación’ y presiona Enter.

Seleccione ‘Aplicación Kubernetes’ de las opciones.

Luego, seleccione una aplicación de muestra de las opciones, como ‘Python (Flask): Libro de visitas’. Tenga en cuenta que deberá instalar el idioma en el que está instalando la aplicación de muestra si aún no la ha instalado.

Guarde la aplicación en la ubicación deseada y se creará la aplicación.

Una vez creada su aplicación, cree un nuevo archivo de código o abra uno existente para usar Gemini. Aquí se detallan todas las formas en que Gemini puede ayudarlo con la generación de código.

Obtenga sugerencias en línea

Para obtener sugerencias en línea, comience a escribir su código.
Gemini le proporcionará sugerencias de autocompletar para su código mientras escribe.
Puedes presionar Tabpara aceptar la sugerencia. Para ignorar la sugerencia, presione Esco siga escribiendo el código.

Generar codigo

Gemini también puede generar código nuevo para usted. Haga clic en el icono ‘Gemini: Acciones inteligentes’ en la ventana IDE.

Luego, haga clic en ‘Generar código’ de las opciones.

Gemini generará un nuevo código para usted basado en el código que ya está en su archivo.

Generar código con indicaciones

También puede proporcionar indicaciones a Gemini para que genere código para ellos.

Vaya a una nueva línea en su código y escriba #seguido del mensaje del código. Por ejemplo, escriba # Function to create a Cloud Storage buckety presione Entrar.

Luego, para generar código, presione Ctrl+ Enterya sea que esté en Windows, Linux o Mac.
Gemini generará el código para su solicitud. Presiona Taben tu teclado para aceptarlo.

Chatea con Géminis

También puedes chatear con Gemini en VS Code. Puede responder preguntas, explicarle el código o ayudarle con el código seleccionado.

Para chatear con Gemini, haga clic en el ícono ‘Gemini’ en la barra de actividades a la izquierda. El panel de chat de Gemini se abrirá a la izquierda.

Escriba su mensaje en la barra de mensajes y envíelo a la IA (su archivo de código debe estar abierto para esto). Por ejemplo, puedes decir Explain this code to me. Gemini utilizará el código de su archivo como referencia y le proporcionará una explicación.

También puede seleccionar el código en su archivo y luego enviar el mensaje a Gemini para explicar el código. Luego solo utilizará el código seleccionado como referencia al responder su consulta.

También puedes pedirle a Gemini que genere pruebas unitarias para todo el código o el código seleccionado en el panel de chat. Escriba Generate unit testsen el panel de chat y Gemini generará pruebas unitarias para todo su código o funciones seleccionadas (según su selección).
Del mismo modo, puedes preguntarle a Géminis en Help debug the codeo Make the code more readableen el panel de chat. Según si seleccionó una parte de su código antes de solicitarlo o no, obtendrá la respuesta deseada para parte de su código/archivo de código completo.

Otras formas de acceder a Géminis

También puede seleccionar código y realizar una acción usando Gemini haciendo clic en el ícono ‘Mostrar acciones de código’ (Bulbo) en el editor de código.

También puedes realizar otras acciones con Gemini en VS Code. Abra la paleta de comandos en VS Code.
Luego, escribe ‘Gemini:’ y aparecerán las opciones sobre cómo puedes usar Gemini. Puedes pedirle a Gemini que te explique el código, centrarse en la vista de chat, generar código, generar pruebas unitarias, etc.

Eso es todo. Gemini Code Assist busca ser un gran competidor de GitHub Copilot, especialmente con su ventana de contexto de 1 millón. Ahora, lo único que queda por ver es si Gemini Code Assist será tan eficiente en la codificación como para convertirse en una herramienta útil.

Cómo utilizar Gemini Code Assist en VS Code

Configuración de Gemini Code Assist con VS Code