{"id":1651,"date":"2024-04-11T13:18:54","date_gmt":"2024-04-11T13:18:54","guid":{"rendered":"https:\/\/howtogeek.blog\/es\/?p=1651"},"modified":"2024-04-11T13:18:54","modified_gmt":"2024-04-11T13:18:54","slug":"how-to-use-gemini-code-assist-in-vs-code-es","status":"publish","type":"post","link":"https:\/\/howtogeek.blog\/es\/how-to-use-gemini-code-assist-in-vs-code-es\/","title":{"rendered":"C\u00f3mo utilizar Gemini Code Assist en VS Code"},"content":{"rendered":"

Google lanz\u00f3 recientemente Gemini Code Assist, una herramienta de asistencia y finalizaci\u00f3n de c\u00f3digo de IA para empresas, en la conferencia Cloud Next, que se est\u00e1 llevando a cabo actualmente en Las Vegas.<\/p>\n

\u00bfQu\u00e9 es la asistencia de c\u00f3digo Gemini?<\/strong> 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.<\/p>\n

Gemini Code Assist puede ayudarlo a completar el c\u00f3digo mientras lo escribe, generar funciones completas o bloques de c\u00f3digo a partir de comentarios, generar pruebas unitarias y ayudarlo a depurar, comprender y documentar su c\u00f3digo.<\/p>\n

T\u00e9cnicamente se trata de una evoluci\u00f3n de Duet AI, que Google descontinu\u00f3 hace unos meses. Sin embargo, ahora es m\u00e1s un competidor directo de GitHub Copilot de Microsoft, que es una de las herramientas de inteligencia artificial m\u00e1s destacadas que puede ayudarlo con la codificaci\u00f3n.<\/p>\n

Code Assist utiliza Gemini 1.5 Pro, que tiene una ventana de contexto de 1 mill\u00f3n, la ventana de contexto m\u00e1s grande que ofrece cualquier modelo. Esto le da a Code Assist una ventaja considerable. Los usuarios incluso podr\u00edan realizar cambios en toda su base de c\u00f3digo con esta ventana contextual, que ninguna otra plataforma ofrece actualmente.<\/p>\n

Las empresas tambi\u00e9n podr\u00e1n ajustar Code Assist a su base de c\u00f3digo interno, de forma muy parecida a GitHub Copilot.<\/p>\n

Puede probar Gemini Code Assist de forma gratuita hasta el 11 de julio de 2024, limitado a un usuario por cuenta de facturaci\u00f3n.<\/p>\n

Para esta gu\u00eda, nos centraremos en c\u00f3mo puede utilizar Gemini Code Assist en Visual Studio (VS) Code.<\/p>\n

Configuraci\u00f3n de Gemini Code Assist con VS Code<\/h2>\n

Para usar Code Assist con VS Code, deber\u00e1 seguir los pasos a continuaci\u00f3n para configurar todo.<\/p>\n

Instalar la extensi\u00f3n de c\u00f3digo en la nube<\/h3>\n

En primer lugar, debe instalar la extensi\u00f3n Cloud Code para usar Code Assist con VS Code.<\/p>\n

    \n
  • Abra VS Code en su m\u00e1quina.<\/li>\n
  • Luego, vaya a ‘Extensiones’ en el men\u00fa de la izquierda.<\/li>\n<\/ul>\n
    \"\"<\/figure>\n
      \n
    • Busque ‘C\u00f3digo de nube’ usando la barra de b\u00fasqueda. Haga clic en el primer resultado de b\u00fasqueda, es decir, Gemini + Google Cloud Code.<\/li>\n<\/ul>\n
      \"\"<\/figure>\n
        \n
      • Luego, haga clic en el bot\u00f3n ‘Instalar’ e instale la extensi\u00f3n.<\/li>\n<\/ul>\n
        \"\"<\/figure>\n

        La extensi\u00f3n Cloud Code ahora est\u00e1 instalada en VS Code. Funciona mejor con los siguientes idiomas:<\/p>\n

          \n
        • NodoJS<\/li>\n
        • Ir<\/li>\n
        • Pit\u00f3n<\/li>\n
        • Java<\/li>\n
        • .NETO<\/li>\n<\/ul>\n

          Si bien NodeJS tiene soporte integrado en VS Code y no requiere ninguna acci\u00f3n adicional, necesitar\u00e1s instalar los otros idiomas si quieres usarlos. Puede instalar estos idiomas de la misma manera que instal\u00f3 la extensi\u00f3n Cloud Code.<\/p>\n

          Opcionalmente, si desea copiar muestras a su m\u00e1quina, tambi\u00e9n deber\u00e1 instalar Git.<\/p>\n

          Con\u00e9ctate a Google Cloud<\/h3>\n

          Ahora, el siguiente paso consiste en conectarse a Google Cloud desde VS Code.<\/p>\n

            \n
          • Una vez instalada la extensi\u00f3n, haga clic en la opci\u00f3n ‘Abrir tutorial’.<\/li>\n<\/ul>\n
            \"\"<\/figure>\n
              \n
            • Haga clic en el bot\u00f3n ‘Conectar’ en la opci\u00f3n ‘Conectar con Google Cloud’.<\/li>\n<\/ul>\n
              \"\"<\/figure>\n
                \n
              • Aparecer\u00e1 un mensaje indicando que VS Code quiere abrir un sitio web externo. Haga clic en ‘Abrir’ para continuar.<\/li>\n<\/ul>\n
                \"\"<\/figure>\n
                  \n
                • Luego, inicie sesi\u00f3n en su cuenta de Google.<\/li>\n
                • A continuaci\u00f3n, su cuenta de Google le pedir\u00e1 que se asegure de haber descargado esta aplicaci\u00f3n [C\u00f3digo de nube] de Google; Haga clic en ‘Iniciar sesi\u00f3n’ para continuar.<\/li>\n<\/ul>\n
                  \"\"<\/figure>\n

                  Su cuenta ahora est\u00e1 conectada a Google Cloud.<\/p>\n

                  A continuaci\u00f3n, deber\u00e1 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\u00e1s hacerlo.<\/p>\n

                  Reg\u00edstrate en Google Cloud<\/h3>\n

                  Si no tienes Google Cloud, puedes obtener una prueba gratuita durante 3 meses con cr\u00e9ditos de $300.<\/p>\n

                    \n
                  • Vaya a cloud.google.com y haga clic en “Comenzar gratis”.<\/li>\n<\/ul>\n
                    \"\"<\/figure>\n
                      \n
                    • Luego, proporcione la informaci\u00f3n de su cuenta y haga clic en “Aceptar y continuar”.<\/li>\n<\/ul>\n
                      \"\"<\/figure>\n
                        \n
                      • Proporcione su informaci\u00f3n de pago y haga clic en ‘Comenzar gratis’ para obtener la prueba gratuita. No se le cobrar\u00e1 una vez finalizada la prueba a menos que active manualmente su cuenta completa para Google Cloud.<\/li>\n<\/ul>\n
                        \"\"<\/figure>\n

                        Una vez que tenga Google Cloud, puede usar un proyecto de \u00e9l para usar Gemini en VS Code.<\/p>\n

                        Activar Gemini en VS Code<\/h3>\n
                          \n
                        • Ahora, regrese a VS Code y haga clic en ‘Seleccionar proyecto de Google Cloud’ para activar Gemini.<\/li>\n<\/ul>\n
                          \"\"<\/figure>\n
                            \n
                          • En la parte superior aparecer\u00e1 la opci\u00f3n para seleccionar el proyecto de Google Cloud. Seleccione el proyecto Google Cloud con la API de la nube habilitada. Tambi\u00e9n puedes crear un nuevo proyecto de Google Cloud.<\/li>\n<\/ul>\n
                            \"\"<\/figure>\n
                              \n
                            • Si Cloud API no est\u00e1 habilitada para su proyecto seleccionado, recibir\u00e1 un error en la ventana de VS Code. Haga clic en ‘Habilitar API’ para solucionarlo.<\/li>\n<\/ul>\n
                              \"\"<\/figure>\n
                                \n
                              • Gemini se activar\u00e1 para su uso en VS Code. Puede acceder a \u00e9l desde la barra de estado en cualquier momento, que ahora mostrar\u00e1 un Gemini activado, en lugar del icono de Gemini deshabilitado anterior (icono rojo con una l\u00ednea diagonal que lo cruza).<\/li>\n<\/ul>\n
                                \"\"<\/figure>\n
                                  \n
                                • La opci\u00f3n para G\u00e9minis tambi\u00e9n se agregar\u00e1 a la barra de actividades de la izquierda.<\/li>\n<\/ul>\n
                                  \"\"<\/figure>\n

                                  Eso es todo. Ahora, puede comenzar a usar Gemini en VS Code para obtener ayuda con la generaci\u00f3n de c\u00f3digo o chatear con \u00e9l.<\/p>\n

                                  Generando c\u00f3digo con Gemini<\/h2>\n

                                  Para usar Gemini en VS Code, puede generar c\u00f3digo nuevo con indicaciones, obtener sugerencias de codificaci\u00f3n u obtener sugerencias en l\u00ednea.<\/p>\n

                                  Primero, abra una aplicaci\u00f3n existente en la que desee utilizar Gemini o cree una aplicaci\u00f3n de muestra para Cloud Code para probar Gemini.<\/p>\n

                                    \n
                                  • Para crear una aplicaci\u00f3n de muestra, presione Ctrl<\/code>+ Shift<\/code>+ P<\/code>(Windows\/Linux) o Cmd<\/code>+ Shift<\/code>+ P<\/code>(Mac) para abrir la paleta de comandos en VS Code.<\/li>\n
                                  • Luego, escribe ‘C\u00f3digo de nube: Nueva aplicaci\u00f3n’ y presiona Enter.<\/li>\n<\/ul>\n
                                    \"\"<\/figure>\n
                                      \n
                                    • Seleccione ‘Aplicaci\u00f3n Kubernetes’ de las opciones.<\/li>\n<\/ul>\n
                                      \"\"<\/figure>\n
                                        \n
                                      • Luego, seleccione una aplicaci\u00f3n de muestra de las opciones, como ‘Python (Flask): Libro de visitas’. Tenga en cuenta que deber\u00e1 instalar el idioma en el que est\u00e1 instalando la aplicaci\u00f3n de muestra si a\u00fan no la ha instalado.<\/li>\n<\/ul>\n
                                        \"\"<\/figure>\n
                                          \n
                                        • Guarde la aplicaci\u00f3n en la ubicaci\u00f3n deseada y se crear\u00e1 la aplicaci\u00f3n.<\/li>\n<\/ul>\n

                                          Una vez creada su aplicaci\u00f3n, cree un nuevo archivo de c\u00f3digo o abra uno existente para usar Gemini. Aqu\u00ed se detallan todas las formas en que Gemini puede ayudarlo con la generaci\u00f3n de c\u00f3digo.<\/p>\n

                                          Obtenga sugerencias en l\u00ednea<\/h3>\n
                                            \n
                                          • Para obtener sugerencias en l\u00ednea, comience a escribir su c\u00f3digo.<\/li>\n
                                          • Gemini le proporcionar\u00e1 sugerencias de autocompletar para su c\u00f3digo mientras escribe.<\/li>\n
                                          • Puedes presionar Tab<\/code>para aceptar la sugerencia. Para ignorar la sugerencia, presione Esc<\/code>o siga escribiendo el c\u00f3digo.<\/li>\n<\/ul>\n

                                            Generar codigo<\/h3>\n
                                              \n
                                            • Gemini tambi\u00e9n puede generar c\u00f3digo nuevo para usted. Haga clic en el icono ‘Gemini: Acciones inteligentes’ en la ventana IDE.<\/li>\n<\/ul>\n
                                              \"\"<\/figure>\n
                                                \n
                                              • Luego, haga clic en ‘Generar c\u00f3digo’ de las opciones.<\/li>\n<\/ul>\n
                                                \"\"<\/figure>\n
                                                  \n
                                                • Gemini generar\u00e1 un nuevo c\u00f3digo para usted basado en el c\u00f3digo que ya est\u00e1 en su archivo.<\/li>\n<\/ul>\n
                                                  \"\"<\/figure>\n

                                                  Generar c\u00f3digo con indicaciones<\/h3>\n

                                                  Tambi\u00e9n puede proporcionar indicaciones a Gemini para que genere c\u00f3digo para ellos.<\/p>\n

                                                    \n
                                                  • Vaya a una nueva l\u00ednea en su c\u00f3digo y escriba #<\/code>seguido del mensaje del c\u00f3digo. Por ejemplo, escriba # Function to create a Cloud Storage bucket<\/code>y presione Entrar.<\/li>\n<\/ul>\n
                                                    \"\"<\/figure>\n
                                                      \n
                                                    • Luego, para generar c\u00f3digo, presione Ctrl<\/code>+ Enter<\/code>ya sea que est\u00e9 en Windows, Linux o Mac.<\/li>\n
                                                    • Gemini generar\u00e1 el c\u00f3digo para su solicitud. Presiona Tab<\/code>en tu teclado para aceptarlo.<\/li>\n<\/ul>\n
                                                      \"\"<\/figure>\n

                                                      Chatea con G\u00e9minis<\/h2>\n

                                                      Tambi\u00e9n puedes chatear con Gemini en VS Code. Puede responder preguntas, explicarle el c\u00f3digo o ayudarle con el c\u00f3digo seleccionado.<\/p>\n

                                                        \n
                                                      • Para chatear con Gemini, haga clic en el \u00edcono ‘Gemini’ en la barra de actividades a la izquierda. El panel de chat de Gemini se abrir\u00e1 a la izquierda.<\/li>\n<\/ul>\n
                                                        \"\"<\/figure>\n
                                                          \n
                                                        • Escriba su mensaje en la barra de mensajes y env\u00edelo a la IA (su archivo de c\u00f3digo debe estar abierto para esto). Por ejemplo, puedes decir Explain this code to me<\/code>. Gemini utilizar\u00e1 el c\u00f3digo de su archivo como referencia y le proporcionar\u00e1 una explicaci\u00f3n.<\/li>\n<\/ul>\n
                                                          \"\"<\/figure>\n
                                                            \n
                                                          • Tambi\u00e9n puede seleccionar el c\u00f3digo en su archivo y luego enviar el mensaje a Gemini para explicar el c\u00f3digo. Luego solo utilizar\u00e1 el c\u00f3digo seleccionado como referencia al responder su consulta.<\/li>\n<\/ul>\n
                                                            \"\"<\/figure>\n
                                                              \n
                                                            • Tambi\u00e9n puedes pedirle a Gemini que genere pruebas unitarias para todo el c\u00f3digo o el c\u00f3digo seleccionado en el panel de chat. Escriba Generate unit tests<\/code>en el panel de chat y Gemini generar\u00e1 pruebas unitarias para todo su c\u00f3digo o funciones seleccionadas (seg\u00fan su selecci\u00f3n).<\/li>\n
                                                            • Del mismo modo, puedes preguntarle a G\u00e9minis en Help debug the code<\/code>o Make the code more readable<\/code>en el panel de chat. Seg\u00fan si seleccion\u00f3 una parte de su c\u00f3digo antes de solicitarlo o no, obtendr\u00e1 la respuesta deseada para parte de su c\u00f3digo\/archivo de c\u00f3digo completo.<\/li>\n<\/ul>\n

                                                              Otras formas de acceder a G\u00e9minis<\/h3>\n
                                                                \n
                                                              • Tambi\u00e9n puede seleccionar c\u00f3digo y realizar una acci\u00f3n usando Gemini haciendo clic en el \u00edcono ‘Mostrar acciones de c\u00f3digo’ (Bulbo) en el editor de c\u00f3digo.<\/li>\n<\/ul>\n
                                                                \"\"<\/figure>\n
                                                                  \n
                                                                • Tambi\u00e9n puedes realizar otras acciones con Gemini en VS Code. Abra la paleta de comandos en VS Code.<\/li>\n
                                                                • Luego, escribe ‘Gemini:’ y aparecer\u00e1n las opciones sobre c\u00f3mo puedes usar Gemini. Puedes pedirle a Gemini que te explique el c\u00f3digo, centrarse en la vista de chat, generar c\u00f3digo, generar pruebas unitarias, etc.<\/li>\n<\/ul>\n
                                                                  \"\"<\/figure>\n

                                                                  Eso es todo. Gemini Code Assist busca ser un gran competidor de GitHub Copilot, especialmente con su ventana de contexto de 1 mill\u00f3n. Ahora, lo \u00fanico que queda por ver es si Gemini Code Assist ser\u00e1 tan eficiente en la codificaci\u00f3n como para convertirse en una herramienta \u00fatil.<\/p>\n","protected":false},"excerpt":{"rendered":"

                                                                  Google lanz\u00f3 recientemente Gemini Code Assist, una herramienta de asistencia y finalizaci\u00f3n de c\u00f3digo de IA para empresas, en la conferencia Cloud Next, que se est\u00e1 llevando a cabo actualmente en Las Vegas. \u00bfQu\u00e9 es la asistencia de c\u00f3digo Gemini? Puede utilizar Gemini Code Assist en su IDE, como VS Code, IntelliJ, Cloud Workstations o […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[182,200,130],"class_list":["post-1651","post","type-post","status-publish","format-standard","hentry","category-how-to","tag-artificial-intelligence","tag-gemini","tag-microsoft"],"acf":[],"_links":{"self":[{"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/posts\/1651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/comments?post=1651"}],"version-history":[{"count":1,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/posts\/1651\/revisions"}],"predecessor-version":[{"id":1652,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/posts\/1651\/revisions\/1652"}],"wp:attachment":[{"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/media?parent=1651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/categories?post=1651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/howtogeek.blog\/es\/wp-json\/wp\/v2\/tags?post=1651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}