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

# Bienvenue dans les plugins Windsurf

> Installez et configurez les plugins Windsurf pour JetBrains, VS Code, Visual Studio, Vim, NeoVim, Jupyter, Chrome et d'autres IDE afin de bénéficier d'une assistance au codage par IA.

**Les plugins Windsurf** apportent une assistance au codage par IA à votre IDE ou éditeur préféré.

<Card title="Teams et Enterprise" icon="users" href="/fr/desktop/accounts/teams-getting-started">
  Premiers pas avec votre 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="/fr/windsurf/plugins/cascade/cascade-overview"
  >
    L’agent de programmation de Windsurf.
  </Card>

  <Card title="Utilisation" icon="bars-progress" href="/fr/desktop/accounts/usage">
    Crédits et utilisation.
  </Card>

  <Card title="Modèles" icon="robot" href="/fr/windsurf/plugins/cascade/models">
    Modèles disponibles.
  </Card>
</CardGroup>

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

<Note>
  Ces étapes ne s'appliquent pas aux entreprises disposant d'un plan self-hosted.
  Si vous êtes un utilisateur Enterprise, veuillez consulter les instructions dans votre portail Enterprise.
</Note>

<Note>
  Pour les environnements de développement à distance, utilisez plutôt le plugin "Windsurf (développement à distance)". Consultez la section [développement à distance](#remote-development) ci-dessous.
</Note>

<Steps>
  <Step title="Installer le plugin local">
    Ouvrez le menu `Plugins` dans votre IDE JetBrains. Le raccourci est `⌘+,` sur Mac et `Ctrl+,` sur Linux/Windows. Vous pouvez aussi y accéder depuis le menu des paramètres.
    Recherchez le plugin Windsurf, puis installez-le. Le gestionnaire de plugins vous invitera à redémarrer 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="Attendre le serveur de langage">
    Une fois l'installation terminée, Windsurf commencera à télécharger un serveur de langage.
    Il s'agit du programme qui communique avec nos API pour vous permettre d'utiliser les fonctionnalités d'IA de Windsurf.
    Le téléchargement prend généralement entre dix et vingt secondes, mais sa vitesse peut dépendre de votre connexion Internet.
    En attendant, vous pouvez continuer à utiliser votre IDE normalement.

    Une notification devrait s'afficher en bas à droite pour indiquer la progression du téléchargement.

    <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="S’authentifier">
    Ouvrez un projet. Windsurf vous invitera à vous connecter via une notification en bas à droite, avec un lien vers une page de connexion.
    Vous pouvez aussi cliquer sur le widget à droite de la barre de statut en bas et y sélectionner l'option de connexion.

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

    Si vous n'êtes pas déjà connecté, vous serez invité à vous connecter ou à créer un compte.

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

    Une fois connecté, la page web indiquera que vous pouvez revenir à votre 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="C'est terminé !">
    Tout est prêt. Les fonctionnalités d'IA de Windsurf — Autocomplete, Chat, Command, et plus encore — sont désormais disponibles.

    À tout moment, vous pouvez vérifier votre statut en cliquant sur le widget de la barre de statut en bas à droite.
    Si vous êtes connecté, vous aurez accès à vos Settings Windsurf et à d'autres options.

    Si vous souhaitez bénéficier d'un accès anticipé aux nouvelles fonctionnalités, cliquez sur "Switch to Pre-Release"
    pour essayer la [dernière version pre-release](https://plugins.jetbrains.com/plugin/20540-windsurf-plugin-for-python-js-java-go--/versions/pre-release)
    du 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">
  ### Développement à distance
</div>

Pour les IDE JetBrains utilisés dans des environnements de développement à distance, vous devez utiliser le plugin distinct « Windsurf (Remote Development) ».

Pour profiter de capacités d’IA agentique avancées et de fonctionnalités de pointe, nous recommandons vivement d’utiliser l’éditeur Windsurf natif ou le plugin JetBrains local. Ce plugin continue de recevoir les derniers modèles, les mises à jour de compatibilité et les correctifs, mais n’inclut pas les nouvelles fonctionnalités réservées à l’éditeur Windsurf.

<div id="requirements">
  #### Prérequis
</div>

* IDE JetBrains version 2025.1.3 ou supérieure

<div id="installation-steps">
  #### Étapes d’installation
</div>

<Steps>
  <Step title="Installer sur l’hôte">
    Ouvrez le menu `Plugins (Host)` dans votre IDE JetBrains. Le raccourci correspondant est `⌘+,` sur Mac et `Ctrl+,` sur Linux/Windows. Il est également accessible depuis le menu Settings.
    Recherchez **"Windsurf (Remote Development)"** et installez-le.
    Redémarrez votre IDE lorsque vous y êtes invité.

    <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="Installer sur le client">
    Ouvrez le menu `Plugins (Client)` et recherchez **"Windsurf (Remote Development)"**.
    Installez le plugin, puis redémarrez à nouveau 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="Attendre le serveur de langage">
    Après avoir installé le plugin sur l’hôte, Windsurf commencera à télécharger un serveur de langage.
    Il s’agit du programme qui communique avec nos API pour vous permettre d’utiliser les fonctionnalités d’IA de Windsurf.
    Le téléchargement prend généralement entre dix et vingt secondes, mais sa vitesse peut dépendre de votre connexion Internet.
    En attendant, vous pouvez utiliser votre IDE comme d’habitude.

    Une notification en bas à droite devrait indiquer la progression du téléchargement.

    <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="S’authentifier">
    Une fois le téléchargement du serveur de langage terminé, Windsurf vous invitera à vous connecter via une notification en bas à droite contenant un lien vers une page de connexion.
    Vous pouvez aussi cliquer sur le widget situé à droite de la barre de statut inférieure et y sélectionner l’option de connexion.

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

    Si vous n’êtes pas déjà connecté, il vous sera demandé de vous connecter ou de créer un compte.

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

    Une fois connecté, la page web indiquera que vous pouvez revenir à votre 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="C’est terminé !">
    Tout est prêt. Les fonctionnalités d’IA de Windsurf sont désormais disponibles dans votre environnement distant.
  </Step>
</Steps>

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

Nous recommandons vivement d’utiliser l’éditeur natif Windsurf ou le plugin local pour JetBrains pour leurs capacités avancées d’IA agentique et leurs fonctionnalités de pointe.
Les plugins ci-dessous sont en mode maintenance.

<Tabs>
  <Tab title="Visual Studio Code">
    <Steps>
      <Step title="Installer le plugin">
        Recherchez le plugin Windsurf (anciennement Codeium) dans le Marketplace de VS Code et installez-le.

        <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="S’authentifier">
        Après l’installation, VS Code affichera une notification dans le coin inférieur droit vous invitant à vous connecter à Windsurf.
        Vous pouvez également vous connecter à Windsurf via l’icône de profil en bas de la barre latérale gauche.

        <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>Si vous voyez un message d’erreur indiquant que le navigateur ne peut pas ouvrir un lien depuis Visual Studio Code, vous devrez peut-être mettre à jour votre navigateur et relancer le processus d’autorisation.</Note>
        Si vous n’êtes pas déjà connecté, vous serez invité à vous connecter ou à créer un compte.

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

        Une fois connecté, vous serez redirigé vers Visual Studio Code.
        <Note>Si vous utilisez un IDE VS Code dans le navigateur, comme GitPod ou Codespaces, vous serez redirigé vers des instructions expliquant comment terminer l’authentification en fournissant un jeton d’accès.</Note>
      </Step>

      <Step title="Attendre le serveur de langage">
        Une fois connecté, Windsurf commencera à télécharger un serveur de langage.
        Il s’agit du programme qui communique avec nos API pour vous permettre d’utiliser les fonctionnalités d’IA de Windsurf.
        Le téléchargement prend généralement entre dix et vingt secondes, mais sa vitesse peut dépendre de votre connexion Internet.
        En attendant, vous pouvez utiliser VS Code normalement.
      </Step>

      <Step title="C’est terminé !">
        Tout est prêt. Les fonctionnalités d’IA de Windsurf — Autocomplete, Chat et Command — sont désormais disponibles.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Vim / Neovim">
    ### Installation de l’extension

    <Steps>
      <Step title="Installer le plugin">
        Suivez les instructions **Get Started** dans le dépôt public [`codeium.vim`](https://github.com/Exafunction/codeium.vim). C’est tout !
      </Step>
    </Steps>

    ### Utilisation du plugin Windsurf

    <Steps>
      <Step title="Configuration">
        Bien que Windsurf prenne en charge de nombreux langages, nous utiliserons Python pour cet exemple. Créez un nouveau fichier `test.py`.
      </Step>

      <Step title="À partir du code">
        Windsurf peut suggérer plusieurs lignes de code à partir d’un en-tête de fonction incomplet :

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

      <Step title="Accepter la suggestion">
        Appuyez sur **Tab** pour accepter.
      </Step>

      <Step title="À partir des commentaires">
        Windsurf comprend aussi les commentaires :

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

  <Tab title="Visual Studio">
    ### Installation de l’extension

    <Steps>
      <Step title="Ouvrir le Marketplace des extensions">
        Dans la barre de menus de Visual Studio, cliquez sur **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="Gérer les extensions" width="636" height="171" data-path="desktop/assets/visual_studio_tutorial/manage_extensions.png" />
        </Frame>
      </Step>

      <Step title="Installer le plugin Windsurf">
        Dans **Manage Extensions**, cliquez sur **Visual Studio Marketplace**, recherchez **Windsurf**, puis cliquez sur **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="Installer le plugin" width="1413" height="985" data-path="desktop/assets/visual_studio_tutorial/install.png" />
        </Frame>
      </Step>

      <Step title="Relancer Visual Studio">
        Fermez la fenêtre, puis relancez Visual Studio.
      </Step>

      <Step title="Se connecter au plugin Windsurf">
        Ouvrez ou créez un projet. Une fenêtre de navigateur s’ouvrira et vous invitera à vous connecter.
      </Step>

      <Step title="Créer un compte">
        Si vous n’avez pas encore de compte, vous serez redirigé pour en créer un.
      </Step>

      <Step title="Terminé !">
        Tout est prêt. Les fonctionnalités d’IA de Windsurf sont désormais disponibles dans Visual Studio.
      </Step>
    </Steps>

    ### Utilisation du plugin Windsurf

    <Steps>
      <Step title="Configuration">
        Bien que Windsurf prenne en charge de nombreux langages, nous utiliserons le C# pour cet exemple. Créez ou ouvrez un fichier C#.
      </Step>

      <Step title="À partir du code">
        Windsurf peut suggérer plusieurs lignes de code à partir d’une signature de fonction partielle :

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

      <Step title="Accepter la suggestion">
        Appuyez sur **Tab** pour accepter.

        <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="Après acceptation" width="1215" height="514" data-path="desktop/assets/visual_studio_tutorial/post_accept.png" />
        </Frame>
      </Step>
    </Steps>
  </Tab>

  <Tab title="Jupyter Notebook">
    ### Installer le plugin Windsurf

    <Steps>
      <Step title="Installer l’extension Jupyter">
        Ouvrez une nouvelle session Jupyter Lab. Dans une cellule, collez ce qui suit, puis exécutez-le avec `Shift+Enter` :

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

        Si vous êtes dans un environnement virtuel, exécutez :

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

        Une fois les commandes terminées, fermez le notebook et arrêtez le serveur Jupyter.
      </Step>

      <Step title="Lancer Jupyter">
        Relancez Jupyter et ouvrez un notebook. Ouvrez les paramètres (<kbd>Ctrl</kbd> + <kbd>,</kbd>) et accédez à la section **Windsurf**. Vous verrez des champs pour une URL Enterprise et un jeton.

        <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="Interface Settings" width="1025" height="301" data-path="desktop/assets/jupyter_tutorial/codeium_settings.png" />
        </Frame>

        Cliquez sur **Obtenir le jeton d’authentification Windsurf** et suivez le lien. Collez ensuite le jeton dans la boîte de dialogue des paramètres.

        <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>Si vous ne trouvez pas les paramètres Windsurf, vous n’avez probablement pas redémarré Jupyter. Arrêtez le serveur (Ctrl+C) et relancez-le avec <code>jupyter lab</code>.</Note>
      </Step>

      <Step title="Créer un compte">
        Si vous n’avez pas de compte Windsurf, vous serez invité à en créer un.
      </Step>

      <Step title="Authentification">
        Après vous être connecté, copiez le jeton et collez-le dans la boîte de dialogue des paramètres.

        <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="Champ du jeton d’authentification" width="818" height="326" data-path="desktop/assets/jupyter_tutorial/auth_token_setting.png" />
        </Frame>
      </Step>

      <Step title="C’est terminé !">
        Tout est prêt. Les fonctionnalités d’IA de Windsurf sont désormais disponibles dans Jupyter.
      </Step>
    </Steps>

    ### Utiliser le plugin Windsurf

    <Steps>
      <Step title="À partir du code">
        Windsurf peut suggérer plusieurs lignes de code à partir d’une signature de fonction incomplète :

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

      <Step title="Accepter la suggestion">Appuyez sur **Tab** pour l’accepter.</Step>

      <Step title="À partir des commentaires">
        Windsurf comprend aussi les commentaires :

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

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

    <Steps>
      <Step title="Installer l'extension Chrome">
        Rendez-vous sur la [page du Chrome Web Store](https://chrome.google.com/webstore/detail/codeium/hobjkcpmjhlegmobgonaagepfckjkceh) et cliquez sur **Ajouter à 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="Épingler l'extension">
        Ouvrez le menu des extensions et cliquez sur l'icône **Épingler** pour que l'icône Windsurf reste visible.

        <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="Épingler l'extension" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/pin_extension.png" />
        </Frame>
      </Step>

      <Step title="Se connecter">
        L'extension ouvre automatiquement une page de connexion. Si ce n'est pas le cas, cliquez sur l'icône de l'extension et suivez le lien.

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

      <Step title="Terminé !">
        Tout est prêt. Essayez de [créer un 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="Connecté" width="1106" height="674" data-path="desktop/assets/chrome_tutorial/signed_in.png" />
        </Frame>
      </Step>
    </Steps>

    ### Utiliser Windsurf

    <Steps>
      <Step title="À partir du code">
        Windsurf peut suggérer plusieurs lignes de code à partir d'une signature de fonction incomplète :

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

      <Step title="Accepter la suggestion">Appuyez sur **Tab** pour l'accepter.</Step>

      <Step title="À partir des commentaires">
        Windsurf comprend aussi les commentaires :

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

  <Tab title="Eclipse">
    ### Installation de l’extension

    <Steps>
      <Step title="Faites glisser le bouton Install">
        Rendez-vous sur la [page du plugin Windsurf sur Eclipse Marketplace](https://marketplace.eclipse.org/content/codeium) et faites glisser le bouton **Install** vers la barre d’outils d’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="Faire glisser le bouton Install" width="1430" height="732" data-path="desktop/assets/eclipse_tutorial/drag.png" />
        </Frame>
      </Step>

      <Step title="Confirmer les fonctionnalités sélectionnées">
        Dans le prompt **Confirm Selected Features**, cliquez sur **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="Confirmer les fonctionnalités" width="1192" height="666" data-path="desktop/assets/eclipse_tutorial/confirm.png" />
        </Frame>
      </Step>

      <Step title="Faire confiance au contenu non signé">
        Dans le prompt **Trust Artifacts**, sélectionnez **Unsigned**, puis cliquez sur **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="Faire confiance au contenu non signé" width="1154" height="590" data-path="desktop/assets/eclipse_tutorial/trust.png" />
        </Frame>
      </Step>

      <Step title="Redémarrer Eclipse">
        Lorsque vous y êtes invité, redémarrez Eclipse pour terminer l’installation.

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

      <Step title="Créer un compte / Se connecter">
        Lorsque le navigateur s’ouvre, connectez-vous ou créez un compte, puis revenez dans Eclipse.
      </Step>

      <Step title="C’est terminé !">Tout est prêt. Les fonctionnalités d’IA de Windsurf sont désormais disponibles dans Eclipse.</Step>
    </Steps>

    ### Utilisation de Windsurf

    <Steps>
      <Step title="Configuration">
        Bien que Windsurf prenne en charge de nombreux langages, nous ferons la démonstration avec Java. Créez un nouveau fichier `Fib.java`.
      </Step>

      <Step title="À partir du code">
        Windsurf peut suggérer plusieurs lignes de code à partir de l’en-tête partiel d’une fonction :

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

        public class Fib {

            public int fib(int n) {
            }

        }
        ```
      </Step>

      <Step title="Accepter la suggestion">Appuyez sur **Tab** pour accepter.</Step>
    </Steps>
  </Tab>
</Tabs>
