> ## Documentation Index
> Fetch the complete documentation index at: https://docs.windsurf.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Bienvenido a Windsurf Plugins

> Instala y configura Windsurf Plugins para JetBrains, VS Code, Visual Studio, Vim, NeoVim, Jupyter, Chrome y otros IDE con asistencia de programación impulsada por IA.

**Windsurf Plugins** lleva la asistencia de programación impulsada por IA a tu IDE o editor preferido.

<Card title="Teams and Enterprise" icon="users" href="/es/plugins/accounts/teams-getting-started">
  ¡Empieza con tu equipo!
</Card>

<CardGroup cols={3}>
  <Card
    title="Cascade"
    icon={
<svg
  width="25"
  height="25"
  viewBox="0 0 1292 1292"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M1195 599C1195 848.08 993.08 1050 744 1050C494.92 1050 293 848.08 293 599C293 349.92 494.92 148 744 148C993.08 148 1195 349.92 1195 599ZM411.5 599C411.5 782.635 560.365 931.5 744 931.5C927.635 931.5 1076.5 782.635 1076.5 599C1076.5 415.365 927.635 266.5 744 266.5C560.365 266.5 411.5 415.365 411.5 599Z"
    fill="#34E8BB"
  />
  <path
    d="M1096.19 1053.62C1116.8 1078.03 1113.86 1114.77 1087.65 1133.04C1002.41 1192.46 903.441 1229.92 799.584 1241.61C676.505 1255.46 552.082 1232.51 442.049 1175.65C332.016 1118.79 241.314 1030.58 181.415 922.172C130.87 830.693 104.172 728.301 103.33 624.396C103.071 592.449 131.338 568.79 163.173 571.479C195.007 574.168 218.29 602.208 219.218 634.143C221.573 715.175 243.206 794.78 282.679 866.22C331.512 954.6 405.457 1026.51 495.161 1072.87C584.866 1119.22 686.302 1137.94 786.643 1126.64C867.75 1117.51 945.198 1089.11 1012.66 1044.15C1039.24 1026.44 1075.58 1029.21 1096.19 1053.62Z"
    fill="#34E8BB"
  />
  <path
    d="M177.334 450.08C146.261 442.514 126.947 411.072 137.349 380.829C160.687 312.983 195.56 249.512 240.566 193.267C285.571 137.023 339.851 89.0802 400.928 51.4326C428.153 34.6511 463.065 46.5999 477.261 75.2582C491.457 103.917 479.508 138.389 452.641 155.738C406.542 185.506 365.436 222.584 330.994 265.627C296.552 308.67 269.39 356.906 250.456 408.411C239.421 438.428 208.408 457.646 177.334 450.08Z"
    fill="#34E8BB"
  />
</svg>
}
    href="/es/plugins/cascade/cascade-overview"
  >
    El agente de código de Windsurf.
  </Card>

  <Card title="Usage" icon="bars-progress" href="/es/plugins/accounts/usage">
    Créditos y uso.
  </Card>

  <Card title="Models" icon="robot" href="/es/plugins/cascade/models">
    Modelos disponibles para su uso.
  </Card>
</CardGroup>

<div id="jetbrains-local">
  ## JetBrains (Local)
</div>

<Note>
  Estos pasos no se aplican a organizaciones Enterprise con un plan autogestionado (self-hosted).
  Si eres usuario Enterprise, consulta las instrucciones en tu portal de empresa.
</Note>

<Note>
  Para entornos de desarrollo remoto, utiliza el complemento "Windsurf (Remote Development)". Consulta la [sección de Desarrollo remoto](#remote-development) a continuación.
</Note>

<Steps>
  <Step title="Install Local Plugin">
    Abre el menú `Plugins` en tu IDE de JetBrains. El atajo es `⌘+,` en Mac y `Ctrl+,` en Linux/Windows. También puedes acceder desde el menú de ajustes.
    Busca el plugin de Windsurf e instálalo. El cargador del plugin te pedirá reiniciar el IDE.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_plugin_install.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=e33799e1448d861a017d76f8c81daab8" width="1368" height="1052" data-path="assets/jetbrains_plugin_install.png" />
    </Frame>
  </Step>

  <Step title="Wait for Language Server">
    Tras una instalación correcta, Windsurf comenzará a descargar un servidor de lenguaje.
    Este es el programa que se comunica con nuestras API para permitirte usar las funciones de IA de Windsurf.
    La descarga suele tardar entre diez y veinte segundos, pero la velocidad depende de tu conexión a internet.
    Mientras tanto, puedes usar tu IDE con normalidad.

    Verás una notificación en la parte inferior derecha que indica el progreso de la descarga.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=83c47b7eb7dc9329b628a46e8907def2" width="1174" height="158" data-path="assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Authorize">
    Abre un proyecto. Windsurf te pedirá que inicies sesión mediante una notificación emergente en la parte inferior derecha que te llevará a una página de inicio de sesión.
    También puedes hacer clic en el widget a la derecha de la barra de estado inferior y seleccionar la opción para iniciar sesión allí.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_login_widget.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=bfa992229c936db6bf7a8127db88f45a" width="690" height="230" data-path="assets/jetbrains_login_widget.png" />
    </Frame>

    Si aún no has iniciado sesión, se te pedirá que inicies sesión o que crees una cuenta.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/login_prompt_webpage.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=672f1635e88f7046b5eb4b3105a2df7a" width="1896" height="1442" data-path="assets/login_prompt_webpage.png" />
    </Frame>

    Una vez que hayas iniciado sesión, la página indicará que puedes regresar a tu IDE.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/login_successful_webpage.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=d7984d21a30dec05af01c3cd7e7b8f7c" width="1702" height="450" data-path="assets/login_successful_webpage.png" />
    </Frame>
  </Step>

  <Step title="All Done!">
    Todo listo. Las funciones de IA de Windsurf — Autocomplete, Chat, Command y más — ya están disponibles.

    En cualquier momento, puedes comprobar tu estado haciendo clic en el widget de la barra de estado en la parte inferior derecha.
    Si has iniciado sesión, tendrás acceso a tu configuración de Windsurf y a otros controles.

    Si quieres acceso anticipado a nuevas funciones, haz clic en "Switch to Pre-Release"
    para probar la [última versión pre-release](https://plugins.jetbrains.com/plugin/20540-windsurf-plugin-for-python-js-java-go--/versions/pre-release)
    del plugin.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_status_bar.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=88a5e47f629e1845d61e658b5deb78cb" width="688" height="542" data-path="assets/jetbrains_status_bar.png" />
    </Frame>
  </Step>
</Steps>

<div id="remote-development">
  ### Desarrollo Remoto
</div>

Para los IDE de JetBrains utilizados en entornos de desarrollo remoto, debes usar el plugin independiente "Windsurf (Remote Development)".

Para capacidades avanzadas de IA basada en agentes y funciones de vanguardia, recomendamos encarecidamente usar el Windsurf Editor nativo o el plugin local de JetBrains. Este plugin sigue recibiendo los modelos de IA más recientes, actualizaciones de compatibilidad y correcciones de errores, pero no incluye las funciones más nuevas que son exclusivas de Windsurf Editor.

<div id="requirements">
  #### Requisitos
</div>

* Versión del IDE de JetBrains 2025.1.3 o posterior

<div id="installation-steps">
  #### Pasos de Instalación
</div>

<Steps>
  <Step title="Instalar en el host">
    Abre el menú `Plugins (Host)` en tu IDE de JetBrains. El atajo es `⌘+,` en Mac y `Ctrl+,` en Linux/Windows. También puedes acceder desde el menú de ajustes.
    Busca **"Windsurf (Remote Development)"** e instálalo.
    Reinicia tu IDE cuando se te indique.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_remote_plugin_install_host.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=d211e58031d19dd7c14625882e105068" width="1494" height="1110" data-path="assets/jetbrains_remote_plugin_install_host.png" />
    </Frame>
  </Step>

  <Step title="Instalar en el cliente">
    Abre el menú `Plugins (Client)` y busca **"Windsurf (Remote Development)"**.
    Instala el plugin y vuelve a iniciar el IDE.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_remote_plugin_install_client.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=ab22c1e39b3e2213a042c5b77e9485da" width="1496" height="1098" data-path="assets/jetbrains_remote_plugin_install_client.png" />
    </Frame>
  </Step>

  <Step title="Espera al servidor de lenguaje">
    Después de instalar el plugin en el host, Windsurf comenzará a descargar un servidor de lenguaje.
    Este es el programa que se comunica con nuestras APIs para permitirte usar las funciones de IA de Windsurf.
    La descarga suele tardar entre diez y veinte segundos, pero la velocidad puede depender de tu conexión a Internet.
    Mientras tanto, puedes usar tu IDE con normalidad.

    Verás una notificación en la parte inferior derecha que indica el progreso de la descarga.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=83c47b7eb7dc9329b628a46e8907def2" width="1174" height="158" data-path="assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Autorizar">
    Cuando termine la descarga del servidor de lenguaje, Windsurf te pedirá que inicies sesión mediante una notificación emergente en la parte inferior derecha que te llevará a una página de inicio de sesión.
    También puedes hacer clic en el widget a la derecha de la barra de estado inferior y seleccionar la opción para iniciar sesión allí.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jetbrains_login_widget.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=bfa992229c936db6bf7a8127db88f45a" width="690" height="230" data-path="assets/jetbrains_login_widget.png" />
    </Frame>

    Si aún no has iniciado sesión, se te pedirá que inicies sesión o crees una cuenta.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/login_prompt_webpage.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=672f1635e88f7046b5eb4b3105a2df7a" width="1896" height="1442" data-path="assets/login_prompt_webpage.png" />
    </Frame>

    Una vez que hayas iniciado sesión, la página indicará que puedes volver a tu IDE.

    <Frame>
      <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/login_successful_webpage.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=d7984d21a30dec05af01c3cd7e7b8f7c" width="1702" height="450" data-path="assets/login_successful_webpage.png" />
    </Frame>
  </Step>

  <Step title="¡Todo listo!">
    Ya está todo listo. Las funciones de IA de Windsurf ya están disponibles en tu entorno remoto.
  </Step>
</Steps>

<div id="older-plugins">
  ## Plugins antiguos
</div>

Recomendamos encarecidamente usar el Windsurf Editor nativo o el complemento local de JetBrains por sus avanzadas capacidades de IA basada en agentes y sus funciones de última generación.
Los complementos que se indican a continuación están en modo de mantenimiento.

<Tabs>
  <Tab title="Visual Studio Code">
    <Steps>
      <Step title="Instalar plugin">
        Encuentra el plugin de Windsurf (anteriormente Codeium) en el VS Code Marketplace e instálalo.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/vscode_extension_page.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=543ab4d80d64932510d9db4378301ec0" width="3100" height="2300" data-path="assets/vscode_extension_page.png" />
        </Frame>
      </Step>

      <Step title="Autorizar">
        Después de la instalación, VS Code te mostrará una notificación en la esquina inferior derecha para que inicies sesión en Windsurf.
        También puedes iniciar sesión en Windsurf mediante el ícono de perfil en la parte inferior de la barra lateral izquierda.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/vscode_login_init_left.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=40142fcfc135e01628f5545051b8120a" width="1870" height="360" data-path="assets/vscode_login_init_left.png" />
        </Frame>

        <Note>Si recibes un mensaje de error indicando que el navegador no puede abrir un enlace desde Visual Studio Code, es posible que debas actualizar tu navegador y reiniciar el flujo de autorización.</Note>
        Si aún no has iniciado sesión, se te pedirá que inicies sesión o crees una cuenta.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/login_prompt_webpage.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=672f1635e88f7046b5eb4b3105a2df7a" width="1896" height="1442" data-path="assets/login_prompt_webpage.png" />
        </Frame>

        Una vez que hayas iniciado sesión, se te redirigirá de vuelta a Visual Studio Code.
        <Note>Si estás usando un IDE de VS Code basado en el navegador, como GitPod o Codespaces, se te dirigirá a instrucciones sobre cómo completar la autenticación proporcionando un token de acceso.</Note>
      </Step>

      <Step title="Esperar al Language Server">
        Una vez que hayas iniciado sesión, Windsurf comenzará a descargar un Language Server.
        Este es el programa que se comunica con nuestras API para permitirte usar las funciones de IA de Windsurf.
        La descarga suele tardar entre diez y veinte segundos, pero la velocidad de descarga puede depender de tu conexión a internet.
        Mientras tanto, puedes usar VS Code como de costumbre.
      </Step>

      <Step title="¡Todo listo!">
        Ya está todo configurado. Las funciones de IA de Windsurf — Autocomplete, Chat y Command — ya están disponibles.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Vim / Neovim">
    ### Instalación de la extensión

    <Steps>
      <Step title="Instalar plugin">
        Sigue las instrucciones de **Get Started** en el repositorio público [`codeium.vim`](https://github.com/Exafunction/codeium.vim). ¡Eso es todo!
      </Step>
    </Steps>

    ### Uso del plugin de Windsurf

    <Steps>
      <Step title="Configuración">
        Aunque Windsurf admite muchos lenguajes de programación, aquí lo ilustraremos con Python. Crea un nuevo archivo `test.py`.
      </Step>

      <Step title="Desde código">
        Windsurf puede sugerir varias líneas de código a partir de un encabezado de función parcial:

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/vim_tutorial/snippet_one.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=409f51d6a4a90405ac91cee23edee16b" alt="Fragmento uno" width="508" height="260" data-path="assets/vim_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceptar sugerencia">
        Pulsa **Tab** para aceptar.
      </Step>

      <Step title="Desde comentarios">
        Windsurf también entiende los comentarios:

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/vim_tutorial/snippet_two.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=48c14b1d408acb68c97e5dac5c4ed421" alt="Fragmento dos" width="712" height="392" data-path="assets/vim_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Visual Studio">
    ### Instalación de la extensión

    <Steps>
      <Step title="Abrir Marketplace de extensiones">
        En la barra de menús de Visual Studio, haz clic en **Extensions → Manage Extensions**.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/manage_extensions.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=35d03bb50b8499567c41ea93fe8ea178" alt="Administrar extensiones" width="636" height="171" data-path="assets/visual_studio_tutorial/manage_extensions.png" />
        </Frame>
      </Step>

      <Step title="Instalar el plugin de Windsurf">
        En **Manage Extensions**, haz clic en **Visual Studio Marketplace**, busca **Windsurf** y luego haz clic en **Download**.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/install.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=1c004b5b2883643ab0724038ae1df460" alt="Instalar plugin" width="1413" height="985" data-path="assets/visual_studio_tutorial/install.png" />
        </Frame>
      </Step>

      <Step title="Reiniciar Visual Studio">
        Cierra la ventana y reinicia Visual Studio.
      </Step>

      <Step title="Iniciar sesión en el plugin de Windsurf">
        Abre o crea un proyecto. Se abrirá una ventana del navegador que te pedirá que inicies sesión.
      </Step>

      <Step title="Crear cuenta">
        Si aún no tienes una cuenta, se te redirigirá para crear una.
      </Step>

      <Step title="¡Listo!">
        Ya está todo listo: las funciones de IA de Windsurf están disponibles en Visual Studio.
      </Step>
    </Steps>

    ### Uso del plugin de Windsurf

    <Steps>
      <Step title="Configuración">
        Aunque Windsurf admite muchos lenguajes, usaremos C# como ejemplo. Crea o abre un archivo C#.
      </Step>

      <Step title="Desde el código">
        Windsurf puede sugerir varias líneas de código a partir de una firma de función parcial:

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/suggestion.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=3ddaac8fa3871d2e99b4c6dfffc5f789" alt="Ejemplo de sugerencia" width="1128" height="461" data-path="assets/visual_studio_tutorial/suggestion.png" />
        </Frame>
      </Step>

      <Step title="Aceptar sugerencia">
        Presiona **Tab** para aceptar.

        <Frame>
          <img src="https://mintcdn.com/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/post_accept.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=34e5899a41e604482b545aac8bb0bf8f" alt="Después de aceptar" width="1215" height="514" data-path="assets/visual_studio_tutorial/post_accept.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Jupyter Notebook">
    ### Instalar Windsurf Plugin

    <Steps>
      <Step title="Instalar la extensión de Jupyter">
        Inicia una nueva sesión de Jupyter Lab. En una celda, pega y ejecuta (`Shift+Enter`) lo siguiente:

        ```python theme={null}
        import sys
        !{sys.executable} -m pip install -U pip --user
        !{sys.executable} -m pip install -U codeium-jupyter --user
        ```

        Si estás dentro de un entorno virtual, ejecuta:

        ```python theme={null}
        import sys
        !{sys.executable} -m pip install -U pip
        !{sys.executable} -m pip install -U codeium-jupyter
        ```

        Cuando los comandos terminen de ejecutarse, cierra el notebook y detén el servidor de Jupyter.
      </Step>

      <Step title="Iniciar Jupyter">
        Vuelve a iniciar Jupyter y abre un notebook. Abre la configuración (<kbd>Ctrl</kbd> + <kbd>,</kbd>) y ve a la sección **Windsurf**. Verás campos para una URL de Enterprise y un token.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/codeium_settings.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=9f4d0045130c5c2bebe332eb1d61aeea" alt="Interfaz de configuración" width="1025" height="301" data-path="assets/jupyter_tutorial/codeium_settings.png" />
        </Frame>

        Haz clic en **Get Windsurf Authentication Token** y sigue el enlace. Pega el token de nuevo en el cuadro de diálogo de configuración.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/settings_menu.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=a22a4747a45c1f02e43ca6e8cf73c043" alt="Menú de configuración" width="330" height="89" data-path="assets/jupyter_tutorial/settings_menu.png" />
        </Frame>

        <Note>Si no encuentras la configuración de Windsurf, es probable que no hayas reiniciado Jupyter. Detén el servidor (Ctrl+C) y vuelve a iniciarlo con <code>jupyter lab</code>.</Note>
      </Step>

      <Step title="Crear cuenta">
        Si no tienes una cuenta de Windsurf, se te pedirá que crees una.
      </Step>

      <Step title="Autenticar">
        Después de iniciar sesión, copia el token y pégalo en el cuadro de diálogo de configuración.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/auth_token_setting.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=51ac326b9b5870e5fdc8ff11c8ce6e8a" alt="Campo del token de autenticación" width="818" height="326" data-path="assets/jupyter_tutorial/auth_token_setting.png" />
        </Frame>
      </Step>

      <Step title="¡Listo!">
        Ya está todo listo. Las funciones de IA de Windsurf ya están disponibles en Jupyter.
      </Step>
    </Steps>

    ### Usar Windsurf Plugin

    <Steps>
      <Step title="Desde el código">
        Windsurf puede sugerir varias líneas de código a partir de un encabezado de función parcial:

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/snippet_one.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=ace6fe93ebf37f70b9301a67636f2fd7" alt="Fragmento uno" width="1420" height="346" data-path="assets/jupyter_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceptar la sugerencia">Pulsa **Tab** para aceptar.</Step>

      <Step title="Desde comentarios">
        Windsurf también entiende los comentarios:

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/snippet_two.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=d657826f2cac6722e9ba2633849b44dc" alt="Fragmento dos" width="1741" height="518" data-path="assets/jupyter_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Chrome">
    ### Instalar Windsurf

    <Steps>
      <Step title="Instalar la extensión de Chrome">
        Visita la [página de Chrome Web Store](https://chrome.google.com/webstore/detail/codeium/hobjkcpmjhlegmobgonaagepfckjkceh) y haz clic en **Añadir a Chrome**.

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/chrome_web_store.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=9989340a425cba8df53bb8f85dd34813" alt="Chrome Web Store" width="2070" height="1608" data-path="assets/chrome_tutorial/chrome_web_store.png" />
        </Frame>
      </Step>

      <Step title="Fijar la extensión">
        Abre el menú de extensiones y haz clic en el icono de **Fijar** para que el icono de Windsurf permanezca visible.

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/pin_extension.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=e291a9235581423bb3434721d89aeddb" alt="Fijar extensión" width="1106" height="674" data-path="assets/chrome_tutorial/pin_extension.png" />
        </Frame>
      </Step>

      <Step title="Iniciar sesión">
        La extensión abre automáticamente una página de inicio de sesión. Si no es así, haz clic en el icono de la extensión y sigue el enlace.

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/sign_in.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=b92a046f9481a49030330a057a6d7177" alt="Iniciar sesión" width="1106" height="674" data-path="assets/chrome_tutorial/sign_in.png" />
        </Frame>
      </Step>

      <Step title="¡Listo!">
        Ya está todo listo. Prueba a [crear un nuevo cuaderno de Colab](https://colab.research.google.com/#create=true).

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/signed_in.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=0a3dbc6098340fbda5885248e4f30971" alt="Sesión iniciada" width="1106" height="674" data-path="assets/chrome_tutorial/signed_in.png" />
        </Frame>
      </Step>
    </Steps>

    ### Uso de Windsurf

    <Steps>
      <Step title="Desde el código">
        Windsurf puede sugerir varias líneas de código a partir de un encabezado de función parcial:

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/snippet_one.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=907e36fdf207886da70c41f1efe7e7b7" alt="Fragmento uno" width="1106" height="674" data-path="assets/chrome_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceptar sugerencia">Pulsa **Tab** para aceptar.</Step>

      <Step title="Desde comentarios">
        Windsurf también entiende comentarios:

        <Frame>
          <img src="https://mintcdn.com/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/snippet_two.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=db1902f22de4179508f52be5c3c6a93d" alt="Fragmento dos" width="1106" height="766" data-path="assets/chrome_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Eclipse">
    ### Instalación de la extensión

    <Steps>
      <Step title="Arrastrar el botón Install">
        Visita la [página del plugin de Windsurf en Eclipse Marketplace](https://marketplace.eclipse.org/content/codeium) y arrastra el botón **Install** a la barra de herramientas de Eclipse.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/drag.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=363884b6bb7b71f1efab7219883a9271" alt="Arrastrar el botón Install" width="1430" height="732" data-path="assets/eclipse_tutorial/drag.png" />
        </Frame>
      </Step>

      <Step title="Confirmar las funciones seleccionadas">
        En el cuadro de diálogo **Confirm Selected Features**, haz clic en **Confirm**.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/confirm.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=a32ed25242dcb249c11a7b549b879fcf" alt="Confirmar funciones" width="1192" height="666" data-path="assets/eclipse_tutorial/confirm.png" />
        </Frame>
      </Step>

      <Step title="Confiar en contenido no firmado">
        En el cuadro de diálogo **Trust Artifacts**, selecciona **Unsigned** y haz clic en **Trust**.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/trust.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=e8181502397e14314c82d732bc56bddc" alt="Confiar en contenido no firmado" width="1154" height="590" data-path="assets/eclipse_tutorial/trust.png" />
        </Frame>
      </Step>

      <Step title="Reiniciar Eclipse">
        Cuando se te solicite, reinicia Eclipse para completar la instalación.

        <Frame>
          <img src="https://mintcdn.com/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/restart.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=237032c3f9306b396c29a8c24bece219" alt="Reiniciar Eclipse" width="1084" height="242" data-path="assets/eclipse_tutorial/restart.png" />
        </Frame>
      </Step>

      <Step title="Crear / Iniciar sesión">
        Cuando se abra el navegador, inicia sesión o crea una cuenta y luego regresa a Eclipse.
      </Step>

      <Step title="¡Todo listo!">Ya está todo listo. Las funciones de IA de Windsurf ya están disponibles en Eclipse.</Step>
    </Steps>

    ### Uso de Windsurf

    <Steps>
      <Step title="Configuración">
        Aunque Windsurf es compatible con muchos lenguajes de programación, en este ejemplo lo mostraremos con Java. Crea un nuevo archivo `Fib.java`.
      </Step>

      <Step title="Desde el código">
        Windsurf puede sugerir varias líneas de código a partir de un encabezado de función parcial:

        ```java theme={null}
        package test;

        public class Fib {

            public int fib(int n) {
            }

        }
        ```
      </Step>

      <Step title="Aceptar sugerencia">Presiona **Tab** para aceptar.</Step>
    </Steps>
  </Tab>
</Tabs>
