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

# Boas-vindas aos plugins do Windsurf

> Instale e configure os plugins do Windsurf para JetBrains, VS Code, Visual Studio, Vim, NeoVim, Jupyter, Chrome e outras IDEs com assistência de programação com IA.

**Plugins do Windsurf** oferecem assistência de programação com IA no seu IDE ou editor preferido.

<Card title="Teams e Enterprise" icon="users" href="/pt-BR/desktop/accounts/teams-getting-started">
  Primeiros passos com sua equipe!
</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="/pt-BR/windsurf/plugins/cascade/cascade-overview"
  >
    O agente de programação do Windsurf.
  </Card>

  <Card title="Uso" icon="bars-progress" href="/pt-BR/desktop/accounts/usage">
    Créditos e uso.
  </Card>

  <Card title="Modelos" icon="robot" href="/pt-BR/windsurf/plugins/cascade/models">
    Modelos disponíveis para uso.
  </Card>
</CardGroup>

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

<Note>
  Estas etapas não se aplicam a empresas no plano auto-hospedado.
  Se você for um usuário Enterprise, consulte as instruções no portal da sua empresa.
</Note>

<Note>
  Para ambientes de desenvolvimento remoto, use o plugin "Windsurf (Remote Development)" em vez dele. Consulte a seção [Remote Development](#remote-development) abaixo.
</Note>

<Steps>
  <Step title="Instalar o plugin local">
    Abra o menu `Plugins` no seu IDE JetBrains. O atalho é `⌘+,` no Mac e `Ctrl+,` no Linux/Windows. Você também pode acessá-lo pelo menu de configurações.
    Procure pelo plugin Windsurf e instale-o. O carregador de plugins solicitará que você reinicie o IDE.

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

  <Step title="Aguardar o Language Server">
    Após a instalação bem-sucedida, o Windsurf começará a baixar um language server.
    Esse é o programa que se comunica com nossas APIs para permitir que você use os recursos de IA do Windsurf.
    O download geralmente leva de dez a vinte segundos, mas a velocidade pode depender da sua conexão com a internet.
    Enquanto isso, você pode continuar usando o IDE normalmente.

    Você verá uma notificação no canto inferior direito indicando o progresso do download.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=7c42a7e984909d4c116541d29e27c821" width="1174" height="158" data-path="desktop/assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Autorizar">
    Abra um projeto. O Windsurf solicitará que você faça login por meio de uma notificação pop-up no canto inferior direito, com um link para a página de login.
    Como alternativa, clique no widget à direita da barra de status inferior e selecione a opção de login.

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

    Se você ainda não estiver conectado, será solicitado a fazer login ou criar uma conta.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_prompt_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2dc52c3a7979daa299dc7b652d74cad5" width="1896" height="1442" data-path="desktop/assets/login_prompt_webpage.png" />
    </Frame>

    Depois de fazer login, a página da web indicará que você pode voltar ao IDE.

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

  <Step title="Tudo pronto!">
    Pronto. Os recursos de IA do Windsurf — Autocomplete, Chat, Command e muito mais — agora estão disponíveis.

    A qualquer momento, você pode verificar seu status clicando no widget da barra de status no canto inferior direito.
    Se estiver conectado, você terá acesso às suas configurações do Windsurf e a outros controles.

    Se quiser acesso antecipado a novos recursos, clique em "Switch to Pre-Release"
    para experimentar a [versão pre-release mais recente](https://plugins.jetbrains.com/plugin/20540-windsurf-plugin-for-python-js-java-go--/versions/pre-release)
    do plugin.

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

<div id="remote-development">
  ### Desenvolvimento remoto
</div>

Para IDEs JetBrains usadas em ambientes de desenvolvimento remoto, você precisa usar o plugin separado "Windsurf (Remote Development)".

Para recursos avançados de IA agêntica e recursos de ponta, recomendamos fortemente o uso do Windsurf Editor nativo ou do plugin local para JetBrains. Esse plugin continua recebendo os modelos mais recentes, atualizações de compatibilidade e correções de bugs, mas não inclui recursos mais novos exclusivos do Windsurf Editor.

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

* JetBrains IDE versão 2025.1.3 ou superior

<div id="installation-steps">
  #### Etapas de instalação
</div>

<Steps>
  <Step title="Instalar no host">
    Abra o menu `Plugins (Host)` no seu IDE JetBrains. O atalho é `⌘+,` no Mac e `Ctrl+,` no Linux/Windows. Você também pode acessá-lo pelo menu Configurações.
    Procure por **"Windsurf (Remote Development)"** e instale o plugin.
    Reinicie o IDE quando solicitado.

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

  <Step title="Instalar no cliente">
    Abra o menu `Plugins (Client)` e procure por **"Windsurf (Remote Development)"**.
    Instale o plugin e reinicie o IDE novamente.

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

  <Step title="Aguardar o Language Server">
    Após instalar o plugin no host, o Windsurf começará a baixar um language server.
    Esse é o programa que se comunica com nossas APIs para permitir que você use os recursos de IA do Windsurf.
    O download normalmente leva de dez a vinte segundos, mas a velocidade pode variar conforme a sua conexão com a internet.
    Enquanto isso, você pode usar o IDE normalmente.

    Você verá uma notificação no canto inferior direito indicando o andamento do download.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jetbrains_ls_download_bar.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=7c42a7e984909d4c116541d29e27c821" width="1174" height="158" data-path="desktop/assets/jetbrains_ls_download_bar.png" />
    </Frame>
  </Step>

  <Step title="Autorizar">
    Após a conclusão do download do language server, o Windsurf exibirá uma notificação pop-up no canto inferior direito para que você faça login, com um link para a página de login.
    Como alternativa, clique no widget à direita da barra de status inferior e selecione a opção de login.

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

    Se você ainda não tiver feito login, será solicitado a entrar ou criar uma conta.

    <Frame>
      <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_prompt_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2dc52c3a7979daa299dc7b652d74cad5" width="1896" height="1442" data-path="desktop/assets/login_prompt_webpage.png" />
    </Frame>

    Depois de fazer login, a página indicará que você pode voltar ao IDE.

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

  <Step title="Tudo pronto!">
    Pronto. Os recursos de IA do Windsurf agora estão disponíveis no seu ambiente remoto.
  </Step>
</Steps>

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

Recomendamos fortemente usar o Windsurf Editor nativo ou o plugin local para JetBrains por seus recursos avançados de IA agêntica e recursos de ponta.
Os plugins abaixo estão em modo de maintenance.

<Tabs>
  <Tab title="Visual Studio Code">
    <Steps>
      <Step title="Instalar o plugin">
        Encontre o plugin do Windsurf (antigo Codeium) no VS Code Marketplace e instale-o.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vscode_extension_page.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=50e7c72b33c68f441e084184fb50a204" width="3100" height="2300" data-path="desktop/assets/vscode_extension_page.png" />
        </Frame>
      </Step>

      <Step title="Autorizar">
        Após a instalação, o VS Code exibirá uma notificação no canto inferior direito para que você faça login no Windsurf.
        Você também pode fazer login no Windsurf pelo ícone de perfil na parte inferior da barra lateral esquerda.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vscode_login_init_left.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=d6d0292cb06afbdbde0c96e7dacbc641" width="1870" height="360" data-path="desktop/assets/vscode_login_init_left.png" />
        </Frame>

        <Note>Se aparecer uma mensagem de erro informando que o navegador não pode abrir um link do Visual Studio Code, talvez seja necessário atualizar o navegador e reiniciar o fluxo de autorização.</Note>
        Se você ainda não estiver conectado, será solicitado que faça login ou crie uma conta.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/login_prompt_webpage.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2dc52c3a7979daa299dc7b652d74cad5" width="1896" height="1442" data-path="desktop/assets/login_prompt_webpage.png" />
        </Frame>

        Depois de fazer login, você será redirecionado de volta ao Visual Studio Code.
        <Note>Se você estiver usando uma IDE do VS Code baseada em navegador, como GitPod ou Codespaces, verá instruções sobre como concluir a autenticação fornecendo um token de acesso.</Note>
      </Step>

      <Step title="Aguardar o servidor de linguagem">
        Depois de fazer login, o Windsurf começará a baixar um servidor de linguagem.
        Esse é o programa que se comunica com nossas APIs para permitir que você use os recursos de IA do Windsurf.
        O download geralmente leva de dez a vinte segundos, mas a velocidade pode variar de acordo com a sua conexão com a internet.
        Enquanto isso, você pode usar o VS Code normalmente.
      </Step>

      <Step title="Tudo pronto!">
        Está tudo certo. Os recursos de IA do Windsurf — Autocomplete, Chat e Command — agora estão disponíveis.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Vim / Neovim">
    ### Instalação da extensão

    <Steps>
      <Step title="Instalar o plugin">
        Siga as instruções de **Primeiros passos** no repositório público [`codeium.vim`](https://github.com/Exafunction/codeium.vim). É só isso!
      </Step>
    </Steps>

    ### Como usar o plugin Windsurf

    <Steps>
      <Step title="Configuração">
        Embora o Windsurf ofereça suporte a muitas linguagens, vamos demonstrar com Python. Crie um novo arquivo `test.py`.
      </Step>

      <Step title="A partir do código">
        O Windsurf pode sugerir várias linhas de código com base na declaração parcial de uma função:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vim_tutorial/snippet_one.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=56cceeb4e57cb230ed4402d80e9321d9" alt="Trecho um" width="508" height="260" data-path="desktop/assets/vim_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceitar sugestão">
        Pressione **Tab** para aceitar.
      </Step>

      <Step title="A partir de comentários">
        O Windsurf também interpreta comentários:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/vim_tutorial/snippet_two.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=1cb4d83f6c1e5eb79b12b87e7d07b756" alt="Trecho dois" width="712" height="392" data-path="desktop/assets/vim_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Visual Studio">
    ### Instalação da extensão

    <Steps>
      <Step title="Abrir o marketplace de extensões">
        Na barra de menus do Visual Studio, clique em **Extensions → Manage Extensions**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/manage_extensions.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=ec281edf92c6e491f1e9378396ed47af" alt="Manage Extensions" width="636" height="171" data-path="desktop/assets/visual_studio_tutorial/manage_extensions.png" />
        </Frame>
      </Step>

      <Step title="Instalar o plugin Windsurf">
        Em **Manage Extensions**, clique em **Visual Studio Marketplace**, pesquise por **Windsurf** e clique em **Download**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/install.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=0f44e8fb5cbb523a8c0943e828e4d568" alt="Instalar plugin" width="1413" height="985" data-path="desktop/assets/visual_studio_tutorial/install.png" />
        </Frame>
      </Step>

      <Step title="Reabrir o Visual Studio">
        Feche a janela e abra o Visual Studio novamente.
      </Step>

      <Step title="Fazer login no plugin Windsurf">
        Abra ou crie um projeto. Uma janela do navegador será aberta para que você faça login.
      </Step>

      <Step title="Criar conta">
        Se você ainda não tiver uma conta, será redirecionado para criar uma.
      </Step>

      <Step title="Tudo pronto!">
        Tudo pronto. Os recursos de IA do Windsurf já estão disponíveis no Visual Studio.
      </Step>
    </Steps>

    ### Como usar o plugin Windsurf

    <Steps>
      <Step title="Configuração">
        Embora o Windsurf ofereça suporte a várias linguagens, vamos usar C# nesta demonstração. Crie ou abra um arquivo C#.
      </Step>

      <Step title="No código">
        O Windsurf pode sugerir várias linhas de código a partir de uma assinatura de função parcial:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/suggestion.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=509e9668b87c83b58da01f24d5d7e8d6" alt="Exemplo de sugestão" width="1128" height="461" data-path="desktop/assets/visual_studio_tutorial/suggestion.png" />
        </Frame>
      </Step>

      <Step title="Aceitar sugestão">
        Pressione **Tab** para aceitar.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/hxeMffzXgF_RWx-U/desktop/assets/visual_studio_tutorial/post_accept.png?fit=max&auto=format&n=hxeMffzXgF_RWx-U&q=85&s=dbbd4947df7b36439b12455e291d321d" alt="Depois de aceitar" width="1215" height="514" data-path="desktop/assets/visual_studio_tutorial/post_accept.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Jupyter Notebook">
    ### Instalar o plugin do Windsurf

    <Steps>
      <Step title="Instalar a extensão do Jupyter">
        Abra uma nova sessão do Jupyter Lab. Em uma célula, cole o código abaixo e execute com `Shift+Enter`:

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

        Se você estiver em um ambiente virtual, execute:

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

        Quando os comandos terminarem, feche o notebook e pare o servidor do Jupyter.
      </Step>

      <Step title="Iniciar o Jupyter">
        Reinicie o Jupyter e abra um notebook. Abra as Configurações (<kbd>Ctrl</kbd> + <kbd>,</kbd>) e vá para a seção **Windsurf**. Você verá campos para uma URL Enterprise e um token.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/codeium_settings.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=a48ed36e9986ebce74a70957d0de9a56" alt="UI de Configurações" width="1025" height="301" data-path="desktop/assets/jupyter_tutorial/codeium_settings.png" />
        </Frame>

        Clique em **Obter token de autenticação do Windsurf** e siga o link. Cole o token de volta na caixa de diálogo de Configurações.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/settings_menu.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=e65377b54144633bcceeccc570112a64" alt="menu de Configurações" width="330" height="89" data-path="desktop/assets/jupyter_tutorial/settings_menu.png" />
        </Frame>

        <Note>Se você não encontrar as Configurações do Windsurf, provavelmente não reiniciou o Jupyter. Pare o servidor (Ctrl+C) e inicie-o novamente com <code>jupyter lab</code>.</Note>
      </Step>

      <Step title="Criar conta">
        Se você não tiver uma conta do Windsurf, será solicitado que crie uma.
      </Step>

      <Step title="Autenticar">
        Depois de fazer login, copie o token e cole-o na caixa de diálogo de Configurações.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/auth_token_setting.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=797b0858e6c28fdd3788dd4da99738fd" alt="campo do token de autenticação" width="818" height="326" data-path="desktop/assets/jupyter_tutorial/auth_token_setting.png" />
        </Frame>
      </Step>

      <Step title="Tudo pronto!">
        Está tudo certo. Os recursos de IA do Windsurf agora estão disponíveis no Jupyter.
      </Step>
    </Steps>

    ### Como usar o plugin do Windsurf

    <Steps>
      <Step title="A partir do código">
        O Windsurf pode sugerir várias linhas de código com base em um cabeçalho de função parcial:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/snippet_one.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=937093abad3726215c8dc00360dc3077" alt="Snippet um" width="1420" height="346" data-path="desktop/assets/jupyter_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceitar sugestão">Pressione **Tab** para aceitar.</Step>

      <Step title="A partir de comentários">
        O Windsurf também entende comentários:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/jupyter_tutorial/snippet_two.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=0d61f52f85e4b65729f665b24555af6a" alt="Snippet dois" width="1741" height="518" data-path="desktop/assets/jupyter_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

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

    <Steps>
      <Step title="Instalar extensão do Chrome">
        Acesse a [página da Chrome Web Store](https://chrome.google.com/webstore/detail/codeium/hobjkcpmjhlegmobgonaagepfckjkceh) e clique em **Adicionar ao Chrome**.

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

      <Step title="Fixar extensão">
        Abra o menu suspenso de extensões e clique no ícone **Fixar** para manter o ícone do Windsurf visível.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/pin_extension.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=2a53cf606cf60491cfa8098d56a04a84" alt="Fixar extensão" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/pin_extension.png" />
        </Frame>
      </Step>

      <Step title="Fazer login">
        A extensão abre automaticamente uma página de login. Caso isso não aconteça, clique no ícone da extensão e siga o link.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/sign_in.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=38a23f844da99a94f3c5fab13cda037e" alt="Fazer login" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/sign_in.png" />
        </Frame>
      </Step>

      <Step title="Tudo pronto!">
        Está tudo certo. Experimente [criar um novo notebook no Colab](https://colab.research.google.com/#create=true).

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/signed_in.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=aa954333be317ef5b43bbd2efead831a" alt="Login realizado" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/signed_in.png" />
        </Frame>
      </Step>
    </Steps>

    ### Como usar o Windsurf

    <Steps>
      <Step title="A partir do código">
        O Windsurf pode sugerir várias linhas de código a partir de um cabeçalho de função parcial:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/snippet_one.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=c385f4aad6c7f6dd37375dd008f42faa" alt="Trecho um" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Aceitar sugestão">Pressione **Tab** para aceitar.</Step>

      <Step title="A partir de comentários">
        O Windsurf também entende comentários:

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/chrome_tutorial/snippet_two.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=ea9c51230baaa6e15b0281b7c58f9cc2" alt="Trecho dois" width="1106" height="766" data-path="desktop/assets/chrome_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Eclipse">
    ### Instalação da extensão

    <Steps>
      <Step title="Arraste o botão Install">
        Acesse a [página do plugin Windsurf no Eclipse Marketplace](https://marketplace.eclipse.org/content/codeium) e arraste o botão **Install** para a barra de ferramentas do Eclipse.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/eclipse_tutorial/drag.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=e4331b14785272e8cbb239c1cef54cc3" alt="Arrastar o botão Install" width="1430" height="732" data-path="desktop/assets/eclipse_tutorial/drag.png" />
        </Frame>
      </Step>

      <Step title="Confirme os recursos selecionados">
        No prompt **Confirm Selected Features**, clique em **Confirm**.

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

      <Step title="Confie em conteúdo não assinado">
        No prompt **Trust Artifacts**, selecione **Unsigned** e clique em **Trust**.

        <Frame>
          <img src="https://mintcdn.com/cognitionai/-PTA3zzo2bR9Qfc8/desktop/assets/eclipse_tutorial/trust.png?fit=max&auto=format&n=-PTA3zzo2bR9Qfc8&q=85&s=1c32f353f88969e41656b9827026bd1c" alt="Confiar em conteúdo não assinado" width="1154" height="590" data-path="desktop/assets/eclipse_tutorial/trust.png" />
        </Frame>
      </Step>

      <Step title="Reinicie o Eclipse">
        Quando solicitado, reinicie o Eclipse para concluir a instalação.

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

      <Step title="Criar conta / fazer login">
        Quando o navegador abrir, faça login ou crie uma conta e depois volte para o Eclipse.
      </Step>

      <Step title="Tudo pronto!">Tudo pronto. Os recursos de IA do Windsurf agora estão disponíveis no Eclipse.</Step>
    </Steps>

    ### Como usar o Windsurf

    <Steps>
      <Step title="Configuração">
        Embora o Windsurf ofereça suporte a muitas linguagens, vamos demonstrar com Java. Crie um novo arquivo `Fib.java`.
      </Step>

      <Step title="A partir do código">
        O Windsurf pode sugerir várias linhas de código com base em um cabeçalho de função incompleto:

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

        public class Fib {

            public int fib(int n) {
            }

        }
        ```
      </Step>

      <Step title="Aceitar sugestão">Pressione **Tab** para aceitar.</Step>
    </Steps>
  </Tab>
</Tabs>
