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

# Bienvenue dans Windsurf Plugins

> Installez et configurez Windsurf Plugins pour JetBrains, VS Code, Visual Studio, Vim, NeoVim, Jupyter, Chrome et d'autres IDE, avec une assistance au codage alimentée par l’IA.

**Windsurf Plugins** apportent une assistance au codage alimentée par l’IA à votre IDE ou éditeur préféré.

<Card title="Teams and Enterprise" icon="users" href="/fr/plugins/accounts/teams-getting-started">
  Lancez-vous avec votre équipe !
</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/plugins/cascade/cascade-overview"
  >
    L’agent de code de Windsurf.
  </Card>

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

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

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

<Note>
  Ces étapes ne s’appliquent pas aux entreprises sur une offre auto‑hébergée.
  Si vous êtes un utilisateur Enterprise, veuillez vous référer aux instructions de votre portail Enterprise.
</Note>

<Note>
  Pour les environnements de développement à distance, utilisez plutôt le plug-in « Windsurf (Remote Development) ». Voir 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. Il est également accessible depuis le menu des paramètres.
    Recherchez le plugin Windsurf et installez-le. Le chargeur de plugins vous demandera de redémarrer l’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="Attendre le serveur de langue">
    Une fois l’installation terminée, Windsurf commencera à télécharger un serveur de langue.
    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 dix à vingt secondes, mais la vitesse peut dépendre de votre connexion Internet.
    En attendant, vous pouvez utiliser votre IDE normalement.

    Vous devriez voir une notification en bas à droite indiquant la progression du téléchargement.

    <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="Autoriser">
    Ouvrez un projet. 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 à droite de la barre d’état inférieure et sélectionner l’option de connexion.

    <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 vous n’êtes pas encore connecté, il vous sera demandé de vous connecter ou de créer un compte.

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

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

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

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

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

Pour bénéficier de capacités avancées d’IA agentique et de fonctionnalités de pointe, nous vous recommandons vivement d’utiliser le Windsurf Editor natif ou le plugin JetBrains local. Ce plugin continue de recevoir les derniers modèles d’IA, les mises à jour de compatibilité et les correctifs de bogues, mais n’inclut pas les nouvelles fonctionnalités exclusives au Windsurf Editor.

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

* IDE JetBrains version 2025.1.3 ou ulté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 est `⌘+,` sur Mac et `Ctrl+,` sous Linux/Windows. Il est aussi accessible depuis le menu des paramètres.
    Recherchez **« Windsurf (Remote Development) »** et installez-le.
    Redémarrez votre IDE lorsque vous y êtes invité.

    <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="Installer sur le client">
    Ouvrez le menu `Plugins (Client)` et recherchez **« Windsurf (Remote Development) »**.
    Installez le plugin et redémarrez l’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="Attendre le serveur de langage">
    Après l’installation du plugin sur l’hôte, Windsurf commencera à télécharger un serveur de langage.
    C’est le 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 dix à vingt secondes, mais la vitesse peut dépendre de votre connexion Internet.
    En attendant, vous pouvez utiliser votre IDE comme d’habitude.

    Vous devriez voir une notification en bas à droite indiquant la progression du téléchargement.

    <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="Autoriser">
    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 à droite de la barre d’état inférieure et sélectionner l’option de connexion.

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

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

<div id="older-plugins">
  ## Anciens plugins
</div>

Nous recommandons vivement d'utiliser le Windsurf Editor natif ou le plug-in local pour JetBrains, en raison de leurs capacités avancées d'IA agentique et de leurs fonctionnalités à la pointe de la technologie.
Tous les plugins ci-dessous sont en mode de maintenance.

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

        <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="Autoriser">
        Après l'installation, VS Code affichera une notification dans le coin inférieur droit pour 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/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 vous recevez 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 la procédure d'autorisation.</Note>
        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/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>

        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 dix à vingt secondes, mais la vitesse peut dépendre de votre connexion Internet.
        En attendant, vous pouvez utiliser VS Code comme d'habitude.
      </Step>

      <Step title="C'est terminé !">
        Tout est prêt. Les fonctionnalités d'IA de Windsurf — Autocomplete, Chat et Command — sont maintenant 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). Et c’est tout !
      </Step>
    </Steps>

    ### Utilisation du plugin Windsurf

    <Steps>
      <Step title="Configuration">
        Bien que Windsurf prenne en charge de nombreux langages, nous allons l’illustrer avec Python. 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 partiel :

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

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

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

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

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

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

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

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

      <Step title="Se connecter à l’extension 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 maintenant disponibles dans Visual Studio.
      </Step>
    </Steps>

    ### Utilisation de l’extension Windsurf

    <Steps>
      <Step title="Configuration">
        Bien que Windsurf prenne en charge de nombreux langages, nous allons faire la démonstration avec C#. 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/codeium/vRt4FQOyBeZpD2Pu/assets/visual_studio_tutorial/suggestion.png?fit=max&auto=format&n=vRt4FQOyBeZpD2Pu&q=85&s=3ddaac8fa3871d2e99b4c6dfffc5f789" alt="Exemple de suggestion" width="1128" height="461" data-path="assets/visual_studio_tutorial/suggestion.png" />
        </Frame>
      </Step>

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

        <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="Après acceptation" width="1215" height="514" data-path="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 le code suivant 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 y verrez des champs pour une URL Enterprise et un jeton.

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

        Cliquez sur **Get Windsurf Authentication Token** et suivez le lien. Collez ensuite le jeton dans la boîte de dialogue des paramètres.

        <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="Menu des paramètres" width="330" height="89" data-path="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) puis redémarrez-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="S’authentifier">
        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/codeium/d8O4q6w3H2CjrirL/assets/jupyter_tutorial/auth_token_setting.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=51ac326b9b5870e5fdc8ff11c8ce6e8a" alt="Champ du jeton d’authentification" width="818" height="326" data-path="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="Depuis le code">
        Windsurf peut suggérer plusieurs lignes de code à partir d’un en-tête de fonction partiel :

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

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

      <Step title="Depuis les commentaires">
        Windsurf comprend également les commentaires :

        <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="Extrait deux" width="1741" height="518" data-path="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/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="É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/codeium/DnGnXhZxl1qb2EWt/assets/chrome_tutorial/pin_extension.png?fit=max&auto=format&n=DnGnXhZxl1qb2EWt&q=85&s=e291a9235581423bb3434721d89aeddb" alt="Épingler l’extension" width="1106" height="674" data-path="assets/chrome_tutorial/pin_extension.png" />
        </Frame>
      </Step>

      <Step title="Se connecter">
        L’extension ouvre automatiquement une page de connexion. Sinon, cliquez sur l’icône de l’extension et suivez le lien.

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

      <Step title="Tout est prêt !">
        Tout est prêt. Essayez de [créer un nouveau notebook 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="Connecté" width="1106" height="674" data-path="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’un en-tête de fonction partiel :

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

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

      <Step title="À partir de commentaires">
        Windsurf comprend également les commentaires :

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

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

    <Steps>
      <Step title="Faire 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/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/drag.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=363884b6bb7b71f1efab7219883a9271" alt="Faire glisser le bouton Install" width="1430" height="732" data-path="assets/eclipse_tutorial/drag.png" />
        </Frame>
      </Step>

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

      <Step title="Faire confiance au contenu non signé">
        Dans la boîte de dialogue **Trust Artifacts**, sélectionnez **Unsigned** et cliquez sur **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="Faire confiance au contenu non signé" width="1154" height="590" data-path="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/codeium/d8O4q6w3H2CjrirL/assets/eclipse_tutorial/restart.png?fit=max&auto=format&n=d8O4q6w3H2CjrirL&q=85&s=237032c3f9306b396c29a8c24bece219" alt="Redémarrer Eclipse" width="1084" height="242" data-path="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 maintenant disponibles dans Eclipse.</Step>
    </Steps>

    ### Utilisation de Windsurf

    <Steps>
      <Step title="Configuration">
        Bien que Windsurf prenne en charge de nombreux langages, nous allons faire une 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 d’un en-tête de fonction partiel :

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

        public class Fib {

            public int fib(int n) {
            }

        }
        ```
      </Step>

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