> ## 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.

# Benvenuti in Windsurf Plugins

> Installa e configura Windsurf Plugins per JetBrains, VS Code, Visual Studio, Vim, NeoVim, Jupyter, Chrome e altri IDE con assistenza alla programmazione basata sull'IA.

**Windsurf Plugins** portano l'assistenza alla programmazione basata sull'IA nel tuo IDE o editor preferito.

<Card title="Team e Enterprise" icon="users" href="/it/desktop/accounts/teams-getting-started">
  Inizia con il tuo team!
</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="/it/windsurf/plugins/cascade/cascade-overview"
  >
    L'agente di coding di Windsurf.
  </Card>

  <Card title="Utilizzo" icon="bars-progress" href="/it/desktop/accounts/usage">
    Crediti e utilizzo.
  </Card>

  <Card title="Modelli" icon="robot" href="/it/windsurf/plugins/cascade/models">
    Modelli utilizzabili.
  </Card>
</CardGroup>

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

<Note>
  Questi passaggi non si applicano alle aziende con un piano self-hosted.
  Se sei un utente Enterprise, fai riferimento alle istruzioni nel tuo portale Enterprise.
</Note>

<Note>
  Per gli ambienti di sviluppo remoto, usa invece il plugin "Windsurf (Remote Development)". Consulta la sezione [Remote Development](#remote-development) qui sotto.
</Note>

<Steps>
  <Step title="Installa il plugin locale">
    Apri il menu `Plugins` nel tuo IDE JetBrains. La scorciatoia da tastiera è `⌘+,` su Mac e `Ctrl+,` su Linux/Windows. Puoi accedervi anche dal menu delle impostazioni.
    Cerca il plugin Windsurf e installalo. Il gestore dei plugin ti chiederà di riavviare l'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="Attendi il Language Server">
    Una volta completata correttamente l'installazione, Windsurf inizierà a scaricare un language server.
    Si tratta del programma che comunica con le nostre API per consentirti di usare le funzionalità AI di Windsurf.
    Il download richiede in genere da dieci a venti secondi, ma la velocità può dipendere dalla tua connessione Internet.
    Nel frattempo, puoi continuare a usare il tuo IDE come di consueto.

    Dovresti vedere una notifica in basso a destra che indica l'avanzamento del 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="Autorizza">
    Apri un progetto. Windsurf ti chiederà di accedere tramite una notifica popup in basso a destra con un collegamento a una pagina di login.
    In alternativa, fai clic sul widget a destra della barra di stato in basso e seleziona l'opzione di accesso da lì.

    <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 non hai già effettuato l'accesso, ti verrà chiesto di accedere o di creare un account.

    <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>

    Una volta effettuato l'accesso, la pagina web indicherà che puoi tornare al tuo 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="Tutto pronto!">
    È tutto pronto. Le funzionalità AI di Windsurf — Autocomplete, Chat, Command e altro — sono ora disponibili.

    In qualsiasi momento, puoi verificare il tuo stato facendo clic sul widget della barra di stato in basso a destra.
    Se hai effettuato l'accesso, avrai accesso alle impostazioni di Windsurf e ad altre opzioni.

    Se vuoi accedere in anteprima alle nuove funzionalità, fai clic su "Switch to Pre-Release"
    per provare la [versione pre-release più recente](https://plugins.jetbrains.com/plugin/20540-windsurf-plugin-for-python-js-java-go--/versions/pre-release)
    del 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">
  ### Sviluppo remoto
</div>

Per gli IDE JetBrains usati in ambienti di sviluppo remoto, è necessario utilizzare il plugin separato "Windsurf (Remote Development)".

Per funzionalità di IA agentica avanzate e caratteristiche all'avanguardia, consigliamo vivamente di utilizzare l'editor nativo Windsurf o il plugin locale per JetBrains. Questo plugin continua a ricevere i modelli più recenti, aggiornamenti di compatibilità e correzioni di bug, ma non include le funzionalità più recenti esclusive dell'editor Windsurf.

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

* IDE JetBrains versione 2025.1.3 o successiva

<div id="installation-steps">
  #### Passaggi di installazione
</div>

<Steps>
  <Step title="Installa sull’host">
    Apri il menu `Plugins (Host)` nel tuo IDE JetBrains. La scorciatoia per farlo è `⌘+,` su Mac e `Ctrl+,` su Linux/Windows. Puoi accedervi anche dal menu Settings.
    Cerca **"Windsurf (Remote Development)"** e installalo.
    Riavvia l’IDE quando richiesto.

    <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="Installa sul client">
    Apri il menu `Plugins (Client)` e cerca **"Windsurf (Remote Development)"**.
    Installa il plugin e riavvia nuovamente l’IDE.

    <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="Attendi il Language Server">
    Dopo aver installato il plugin sull’host, Windsurf inizierà a scaricare un language server.
    Si tratta del programma che comunica con le nostre API e ti consente di usare le funzionalità AI di Windsurf.
    Il download richiede in genere da dieci a venti secondi, ma la velocità può dipendere dalla tua connessione Internet.
    Nel frattempo, puoi continuare a usare l’IDE come di consueto.

    Dovresti vedere una notifica in basso a destra che mostra l’avanzamento del 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="Autorizza">
    Una volta completato il download del language server, Windsurf ti chiederà di accedere tramite una notifica popup in basso a destra che rimanda alla pagina di accesso.
    In alternativa, fai clic sul widget a destra della barra di stato in basso e seleziona l’opzione di accesso.

    <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 non hai già effettuato l’accesso, ti verrà chiesto di accedere o creare un account.

    <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>

    Una volta effettuato l’accesso, la pagina web indicherà che puoi tornare all’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="Tutto fatto!">
    È tutto pronto. Le funzionalità AI di Windsurf sono ora disponibili nel tuo ambiente remoto.
  </Step>
</Steps>

<div id="older-plugins">
  ## Plugin precedenti
</div>

Consigliamo vivamente di utilizzare il Windsurf Editor nativo o il plugin locale di JetBrains per le loro avanzate capacità di IA agentica e le funzionalità all’avanguardia.
I plugin elencati di seguito sono in modalità manutenzione.

<Tabs>
  <Tab title="Visual Studio Code">
    <Steps>
      <Step title="Installa il plugin">
        Cerca il plugin Windsurf (in precedenza Codeium) nel Marketplace di VS Code e installalo.

        <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="Autorizza">
        Dopo l'installazione, VS Code mostrerà una notifica nell'angolo in basso a destra per invitarti ad accedere a Windsurf.
        In alternativa, puoi accedere a Windsurf tramite l'icona del profilo in fondo alla barra laterale sinistra.

        <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 ricevi un messaggio di errore che indica che il browser non può aprire un collegamento da Visual Studio Code, potrebbe essere necessario aggiornare il browser e riavviare la procedura di autorizzazione.</Note>
        Se non hai già effettuato l'accesso, ti verrà chiesto di accedere o di creare un account.

        <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>

        Una volta effettuato l'accesso, verrai reindirizzato a Visual Studio Code.
        <Note>Se stai utilizzando un IDE di VS Code basato su browser, come GitPod o Codespaces, verrai indirizzato alle istruzioni su come completare l'autenticazione fornendo un access token.</Note>
      </Step>

      <Step title="Attendi il Language Server">
        Una volta effettuato l'accesso, Windsurf inizierà a scaricare un language server.
        Si tratta del programma che comunica con le nostre API per consentirti di usare le funzionalità di IA di Windsurf.
        Il download di solito richiede da dieci a venti secondi, ma la velocità può dipendere dalla tua connessione Internet.
        Nel frattempo, puoi usare VS Code come di consueto.
      </Step>

      <Step title="Tutto fatto!">
        È tutto pronto. Le funzionalità di IA di Windsurf — Autocomplete, Chat e Command — sono ora disponibili.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Vim / Neovim">
    ### Installazione dell'estensione

    <Steps>
      <Step title="Installa il plugin">
        Segui le istruzioni **Get Started** nel repo pubblico [`codeium.vim`](https://github.com/Exafunction/codeium.vim). Tutto qui!
      </Step>
    </Steps>

    ### Uso del plugin Windsurf

    <Steps>
      <Step title="Configurazione">
        Anche se Windsurf supporta molti linguaggi, useremo Python per questa dimostrazione. Crea un nuovo file `test.py`.
      </Step>

      <Step title="Dal codice">
        Windsurf può suggerire più righe di codice a partire da un'intestazione di funzione parziale:

        <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="Snippet uno" width="508" height="260" data-path="desktop/assets/vim_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Accetta il suggerimento">
        Premi **Tab** per accettarlo.
      </Step>

      <Step title="Dai commenti">
        Windsurf comprende anche i commenti:

        <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="Snippet due" width="712" height="392" data-path="desktop/assets/vim_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Visual Studio">
    ### Installazione dell'estensione

    <Steps>
      <Step title="Apri il Marketplace delle estensioni">
        Nella barra dei menu di Visual Studio, fai clic su **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="Installa il plugin Windsurf">
        In **Manage Extensions**, fai clic su **Visual Studio Marketplace**, cerca **Windsurf**, quindi fai clic su **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="Installa il plugin" width="1413" height="985" data-path="desktop/assets/visual_studio_tutorial/install.png" />
        </Frame>
      </Step>

      <Step title="Riavvia Visual Studio">
        Chiudi la finestra e riavvia Visual Studio.
      </Step>

      <Step title="Accedi al plugin Windsurf">
        Apri o crea un progetto. Si aprirà una finestra del browser e ti verrà chiesto di accedere.
      </Step>

      <Step title="Crea un account">
        Se non hai ancora un account, verrai reindirizzato alla procedura di creazione.
      </Step>

      <Step title="Fatto!">
        È tutto pronto. Le funzionalità AI di Windsurf sono ora disponibili in Visual Studio.
      </Step>
    </Steps>

    ### Utilizzo del plugin Windsurf

    <Steps>
      <Step title="Setup">
        Anche se Windsurf supporta molti linguaggi, in questo esempio useremo C#. Crea o apri un file C#.
      </Step>

      <Step title="Dal codice">
        Windsurf può suggerire più righe di codice a partire da una firma di funzione parziale:

        <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="Esempio di suggerimento" width="1128" height="461" data-path="desktop/assets/visual_studio_tutorial/suggestion.png" />
        </Frame>
      </Step>

      <Step title="Accetta il suggerimento">
        Premi **Tab** per accettarlo.

        <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="Dopo l'accettazione" width="1215" height="514" data-path="desktop/assets/visual_studio_tutorial/post_accept.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Jupyter Notebook">
    ### Installare il plugin Windsurf

    <Steps>
      <Step title="Installare l'estensione Jupyter">
        Apri una nuova sessione di Jupyter Lab. In una cella, incolla quanto segue ed eseguilo con `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 ti trovi in un ambiente virtuale, esegui:

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

        Al termine dei comandi, chiudi il notebook e arresta il server Jupyter.
      </Step>

      <Step title="Avviare Jupyter">
        Riavvia Jupyter e apri un notebook. Apri le impostazioni (<kbd>Ctrl</kbd> + <kbd>,</kbd>) e vai alla sezione **Windsurf**. Vedrai i campi per un URL Enterprise e un 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="interfaccia Settings" width="1025" height="301" data-path="desktop/assets/jupyter_tutorial/codeium_settings.png" />
        </Frame>

        Fai clic su **Get Windsurf Authentication Token** e segui il collegamento. Incolla quindi il token nella finestra di dialogo delle impostazioni.

        <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 Settings" width="330" height="89" data-path="desktop/assets/jupyter_tutorial/settings_menu.png" />
        </Frame>

        <Note>Se non riesci a trovare le impostazioni di Windsurf, probabilmente non hai riavviato Jupyter. Arresta il server (Ctrl+C) e avvialo di nuovo con <code>jupyter lab</code>.</Note>
      </Step>

      <Step title="Creare un account">
        Se non hai un account Windsurf, ti verrà chiesto di crearne uno.
      </Step>

      <Step title="Autenticazione">
        Dopo aver effettuato l'accesso, copia il token e incollalo nella finestra di dialogo delle impostazioni.

        <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 del token di autenticazione" width="818" height="326" data-path="desktop/assets/jupyter_tutorial/auth_token_setting.png" />
        </Frame>
      </Step>

      <Step title="Tutto pronto!">
        È tutto pronto. Le funzionalità di IA di Windsurf sono ora disponibili in Jupyter.
      </Step>
    </Steps>

    ### Utilizzare il plugin Windsurf

    <Steps>
      <Step title="Dal codice">
        Windsurf può suggerire più righe di codice a partire da un'intestazione di funzione incompleta:

        <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 uno" width="1420" height="346" data-path="desktop/assets/jupyter_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Accettare il suggerimento">Premi **Tab** per accettarlo.</Step>

      <Step title="Dai commenti">
        Windsurf comprende anche i commenti:

        <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 due" width="1741" height="518" data-path="desktop/assets/jupyter_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

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

    <Steps>
      <Step title="Installa l'estensione di Chrome">
        Visita la [pagina del Chrome Web Store](https://chrome.google.com/webstore/detail/codeium/hobjkcpmjhlegmobgonaagepfckjkceh) e fai clic su **Aggiungi a 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="Blocca l'estensione">
        Apri il menu delle estensioni e fai clic sull'icona **Pin** in modo che l'icona di Windsurf rimanga visibile.

        <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="Blocca estensione" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/pin_extension.png" />
        </Frame>
      </Step>

      <Step title="Accedi">
        L'estensione apre automaticamente una pagina di accesso. In caso contrario, fai clic sull'icona dell'estensione e segui il collegamento.

        <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="Accedi" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/sign_in.png" />
        </Frame>
      </Step>

      <Step title="Hai finito!">
        È tutto pronto. Prova a [creare un nuovo notebook 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="Accesso effettuato" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/signed_in.png" />
        </Frame>
      </Step>
    </Steps>

    ### Usare Windsurf

    <Steps>
      <Step title="Dal codice">
        Windsurf può suggerire più righe di codice a partire da una firma di funzione incompleta:

        <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="Frammento uno" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/snippet_one.png" />
        </Frame>
      </Step>

      <Step title="Accetta il suggerimento">Premi **Tab** per accettarlo.</Step>

      <Step title="Dai commenti">
        Windsurf comprende anche i commenti:

        <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="Frammento due" width="1106" height="766" data-path="desktop/assets/chrome_tutorial/snippet_two.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Eclipse">
    ### Installazione dell'estensione

    <Steps>
      <Step title="Trascina il pulsante Install">
        Visita la [pagina del plugin Windsurf su Eclipse Marketplace](https://marketplace.eclipse.org/content/codeium) e trascina il pulsante **Install** sulla barra degli strumenti di 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="Trascina il pulsante Install" width="1430" height="732" data-path="desktop/assets/eclipse_tutorial/drag.png" />
        </Frame>
      </Step>

      <Step title="Conferma le funzionalità selezionate">
        Nella finestra **Confirm Selected Features**, fai clic su **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="Conferma le funzionalità" width="1192" height="666" data-path="desktop/assets/eclipse_tutorial/confirm.png" />
        </Frame>
      </Step>

      <Step title="Considera attendibile il contenuto non firmato">
        Nella finestra **Trust Artifacts**, seleziona **Unsigned** e fai clic su **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="Considera attendibile il contenuto non firmato" width="1154" height="590" data-path="desktop/assets/eclipse_tutorial/trust.png" />
        </Frame>
      </Step>

      <Step title="Riavvia Eclipse">
        Quando richiesto, riavvia Eclipse per completare l'installazione.

        <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="Riavvia Eclipse" width="1084" height="242" data-path="desktop/assets/eclipse_tutorial/restart.png" />
        </Frame>
      </Step>

      <Step title="Crea un account / Accedi">
        Quando si apre il browser, accedi o crea un account, quindi torna in Eclipse.
      </Step>

      <Step title="Tutto fatto!">È tutto pronto. Le funzionalità di IA di Windsurf sono ora disponibili in Eclipse.</Step>
    </Steps>

    ### Utilizzo di Windsurf

    <Steps>
      <Step title="Setup">
        Anche se Windsurf supporta molti linguaggi, useremo Java per questa dimostrazione. Crea un nuovo file `Fib.java`.
      </Step>

      <Step title="Dal codice">
        Windsurf può suggerire più righe di codice a partire da un'intestazione di funzione incompleta:

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

        public class Fib {

            public int fib(int n) {
            }

        }
        ```
      </Step>

      <Step title="Accetta il suggerimento">Premi **Tab** per accettarlo.</Step>
    </Steps>
  </Tab>
</Tabs>
