{"id":285433,"date":"2022-09-28T15:12:02","date_gmt":"2022-09-28T14:12:02","guid":{"rendered":"https:\/\/blog.jetbrains.com\/webstorm\/2022\/09\/ideavim-in-webstorm\/"},"modified":"2022-10-11T11:04:04","modified_gmt":"2022-10-11T10:04:04","slug":"ideavim-dans-webstorm","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/fr\/webstorm\/2022\/09\/ideavim-dans-webstorm\/","title":{"rendered":"Exploitez la puissance de Vim dans WebStorm et d&#8217;autres IDE de JetBrains"},"content":{"rendered":"<p>Le plugin <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/164-ideavim\" target=\"_blank\" rel=\"noopener\">IdeaVim<\/a>, qui permet aux d\u00e9veloppeurs d&#8217;utiliser Vim avec leur\u00b7s IDE JetBrains, existe depuis un certain temps d\u00e9j\u00e0. Nous avons une \u00e9quipe d\u00e9di\u00e9e \u00e0 la maintenance de ce plugin, qui travaille \u00e0 vous offrir&nbsp; le meilleur des deux mondes : la rapidit\u00e9 d&#8217;un \u00e9diteur centr\u00e9 sur le clavier et la puissance d&#8217;un IDE.<\/p>\n<p>Vim vous permet de vous d\u00e9placer dans votre texte et de le modifier de fa\u00e7on tr\u00e8s fluide. Ses actions de mouvement en ont fait l&#8217;un des <a href=\"https:\/\/insights.stackoverflow.com\/survey\/2021#section-most-loved-dreaded-and-wanted-collaboration-tools\" target=\"_blank\" rel=\"noopener\">\u00e9diteurs de texte les plus appr\u00e9ci\u00e9s<\/a> des d\u00e9veloppeurs. Avec Vim, l&#8217;\u00e9dition de texte est tr\u00e8s efficace car vous pouvez naviguer rapidement sans recourir \u00e0 la souris.<\/p>\n<p>Dans cet article, nous examinons de plus pr\u00e8s les principales fonctionnalit\u00e9s du plugin IdeaVim et expliquons comment commencer \u00e0 l&#8217;utiliser.<\/p>\n<h2 id=\"installing_the_ideavim_plugin\"><span id=\"Installing_the_IdeaVim_plugin\" class=\"ez-toc-section\"><\/span>Installer le plugin IdeaVim<\/h2>\n<p>Pour installer le plugin IdeaVim, allez dans <em>Preferences \/ Settings | Plugins<\/em> et recherchez IdeaVim sous l&#8217;onglet <em>Marketplace<\/em>. Vous pouvez installer le plugin depuis cette page.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/download-the-plugin.png\" alt=\"Installation du plugin IdeaVim \u00e0 partir des param\u00e8tres\" width=\"800\"><\/p>\n<p>Vous \u00eates maintenant pr\u00eat\u00b7e \u00e0 utiliser Vim dans votre IDE.<\/p>\n<h2 id=\"key_differences_when_working_with_ideavim\"><span id=\"Key_differences_when_working_with_IdeaVim\" class=\"ez-toc-section\"><\/span>Principales sp\u00e9cificit\u00e9s du plugin IdeaVim<\/h2>\n<p>Si vous connaissez d\u00e9j\u00e0 Vim, vous devriez \u00eatre rapidement \u00e0 l&#8217;aise avec l&#8217;utilisation d&#8217;IdeaVim. Si cela n&#8217;est pas le cas, voici quelques \u00e9l\u00e9ments de base qui vous aideront \u00e0 vous familiariser avec ce plugin.<\/p>\n<h3 id=\"first_time_using_vim\"><span id=\"First_time_using_Vim\" class=\"ez-toc-section\"><\/span>Premi\u00e8re utilisation de Vim<\/h3>\n<p>Pour un nouvel utilisateur de Vim, le workflow lui semblera certainement tr\u00e8s diff\u00e9rent de ce dont il a l&#8217;habitude. Vim \u00e9tant extr\u00eamement centr\u00e9 sur le clavier, il faut un peu de temps pour se familiariser avec ses raccourcis clavier. La premi\u00e8re chose \u00e0 savoir sur Vim est qu&#8217;il propose plusieurs modes : <strong>Normal<\/strong>, <strong>Insert<\/strong>, <strong>Visual<\/strong> et <strong>Command<\/strong>.<\/p>\n<h4 id=\"normal_mode_esc\">Mode Normal : <code>Esc<\/code><\/h4>\n<p>Le <strong>mode Normal<\/strong> est celui qui fait toute la particularit\u00e9 de Vim. Avec ce mode, appuyer sur une touche ne modifie pas le texte. Au lieu de cela, les touches font office de raccourcis qui permettent de se d\u00e9placer dans l&#8217;\u00e9diteur. En <strong>mode Normal<\/strong>, le curseur est plus \u00e9pais que dans les autres modes.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/Vim-video-1.png\" alt=\"d\u00e9monstration des commandes de mouvement de base dans le mode normal de Vim\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/Vim-video-1.gif\" width=\"800\"><\/p>\n<p>Voici quelques-unes des commandes pour les mouvements de base&nbsp;:<\/p>\n<ul>\n<li><code>h<\/code> : d\u00e9place le curseur d&#8217;un caract\u00e8re vers la gauche.<\/li>\n<li><code>l<\/code>&nbsp;: d\u00e9place le curseur d&#8217;un caract\u00e8re vers la droite.<\/li>\n<li><code>k<\/code>&nbsp;: d\u00e9place le curseur d&#8217;une ligne vers le haut.<\/li>\n<li><code>j<\/code>&nbsp;: d\u00e9place le curseur d&#8217;une ligne vers le bas.<\/li>\n<li><code>w<\/code>&nbsp;: avance d&#8217;un mot.<\/li>\n<li><code>b<\/code>&nbsp;: recule d&#8217;un mot.<\/li>\n<li><code>0<\/code>&nbsp;: retourner au d\u00e9but de la ligne.<\/li>\n<li><code>$<\/code>&nbsp;: aller \u00e0 la fin de la ligne.<\/li>\n<\/ul>\n<p>Cette liste est loin d&#8217;\u00eatre exhaustive, il ne s&#8217;agit l\u00e0 que d&#8217;une s\u00e9lection des commandes de&nbsp; mouvement les plus courantes et utiles lorsque l&#8217;on commence \u00e0 utiliser Vim. Il est aussi possible de combiner des commandes de mouvement avec des chiffres, par exemple, 8j d\u00e9placera le curseur vers le bas de huit lignes et 6k remontera le curseur de six lignes.<\/p>\n<h4 id=\"insert_mode_i\">Mode Insert: <code>i<\/code><\/h4>\n<p>Le comportement du <strong>mode Insert<\/strong> est beaucoup plus proche de ce que la plupart des gens connaissent d\u00e9j\u00e0. En <strong>mode Insert<\/strong>, les caract\u00e8res sont ajout\u00e9s au fur et \u00e0 mesure de la saisie, comme dans un \u00e9diteur de texte classique.&nbsp;Pour passer en <strong>mode Insert <\/strong>et pouvoir commencer \u00e0 saisir du texte, appuyez simplement sur une touche correspondant \u00e0 une commande d&#8217;insertion (une touche avec une lettre par exemple). Vous saurez que vous \u00eates en <strong>mode Insert<\/strong> car le curseur appara\u00eetra moins \u00e9pais. Pour en sortir, il suffit d&#8217;appuyer sur la touche \u00c9chap.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/Vim-video-2.png\" alt=\"Pr\u00e9sentation des commandes de base de Vim en mode insertion\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/Vim-video-2.gif\" width=\"800\"><\/p>\n<p>Parmi les commandes d&#8217;insertion de base, vous trouverez&nbsp;:<\/p>\n<ul>\n<li><code>i<\/code> : fait passer Vim en mode Insert o\u00f9 que se trouve le curseur.<\/li>\n<li><code>a<\/code> : d\u00e9place le curseur apr\u00e8s le caract\u00e8re sur lequel vous \u00eates et fait passer en mode Insert.<\/li>\n<li><code>o<\/code> : ins\u00e8re une nouvelle ligne sous la ligne actuelle et fait passer en mode Insert sur la nouvelle ligne.<\/li>\n<\/ul>\n<p>L&#8217;effet de ces commandes est l\u00e9g\u00e8rement diff\u00e9rent lorsqu&#8217;elles sont ex\u00e9cut\u00e9es avec leurs variantes en majuscules&nbsp;:<\/p>\n<ul>\n<li><code>Maj+I<\/code>&nbsp;: d\u00e9place le curseur au d\u00e9but de la ligne et fait passer en mode Insert.<\/li>\n<li><code>Maj+A<\/code>&nbsp;: d\u00e9place le curseur \u00e0 la fin de la ligne et fait passer en mode Insert.<\/li>\n<li><code>Maj+O<\/code>&nbsp;: ins\u00e8re une nouvelle ligne au-dessus et fait passer en mode Insert sur la nouvelle ligne.<\/li>\n<\/ul>\n<h4 id=\"visual_mode_v\">Mode Visual : <code>v<\/code><\/h4>\n<p>Le dernier des principaux modes de Vim est le <strong>mode Visual<\/strong>. Avec ce mode, vous pouvez utiliser les commandes de mouvement pour ajuster la s\u00e9lection, puis utiliser d&#8217;autres commandes comme <code>d<\/code> pour supprimer le texte s\u00e9lectionn\u00e9 ou <code>y<\/code> pour copier la s\u00e9lection. En bref, il vous permet de s\u00e9lectionner le texte sur lequel vous souhaitez ex\u00e9cuter des commandes.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/Vim-video-3.png\" alt=\"Pr\u00e9sentation des commandes de base du mode visuel de Vim\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/Vim-video-3.gif\" width=\"800\"><\/p>\n<p>Les commandes visuelles de base&nbsp;incluent :<\/p>\n<ul>\n<li><code>v<\/code>&nbsp;: s\u00e9lectionne le caract\u00e8re o\u00f9 se trouve le curseur.<\/li>\n<li><code>Maj + V<\/code>&nbsp;: s\u00e9lectionne toute la ligne.<\/li>\n<li><code>d<\/code>&nbsp;: supprime le texte s\u00e9lectionn\u00e9.<\/li>\n<li><code>y<\/code>&nbsp;: copie le texte s\u00e9lectionn\u00e9.<\/li>\n<\/ul>\n<h4 id=\"command_mode\">Mode Commande : <code>:<\/code><\/h4>\n<p>Le <strong>mode Commande<\/strong> permet d&#8217;ex\u00e9cuter diff\u00e9rentes commandes dans le code. Pour passer en <strong>mode Commande<\/strong>, il suffit d&#8217;appuyer sur <code>:<\/code>. Une bo\u00eete dans laquelle vous pouvez saisir vos commandes s&#8217;ouvre alors en bas de la fen\u00eatre de l&#8217;\u00e9diteur. Vous pouvez aussi utiliser <code>\/<\/code> pour ouvrir un champ de recherche en bas de la fen\u00eatre de l&#8217;\u00e9diteur, qui permet de rechercher des mod\u00e8les et des correspondances de caract\u00e8res.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/Vim-video-4.png\" alt=\"Pr\u00e9sentation des commandes de base disponibles dans Vim\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/Vim-video-4.gif\" width=\"800\"><\/p>\n<p>Voici quelques-unes des commandes de base&nbsp;:<\/p>\n<ul>\n<li><code>:w<\/code>&nbsp;: enregistrer le fichier<\/li>\n<li><code>:100<\/code>&nbsp;: aller directement \u00e0 la ligne 100<\/li>\n<li><code>\/<\/code>&nbsp;: rechercher<\/li>\n<\/ul>\n<p>Il ne s&#8217;agit que de quelques-unes des combinaisons de touches les plus basiques d&#8217;IdeaVim. Une fois que vous vous serez familiaris\u00e9 avec les d\u00e9placements propres \u00e0 Vim, vous naviguerez dans l&#8217;\u00e9diteur de texte beaucoup plus facilement et rapidement. Il existe de nombreuses autres commandes de Vim <a href=\"https:\/\/github.com\/JetBrains\/ideavim\/blob\/master\/src\/main\/java\/com\/maddyhome\/idea\/vim\/package-info.java\" target=\"_blank\" rel=\"noopener\">prises en charge dans IdeaVim<\/a> que vous serez en mesure d&#8217;utiliser efficacement avec du temps et de la pratique.<\/p>\n<h3 id=\"first_time_using_a_jetbrains_ide\"><span id=\"First_time_using_a_JetBrains_IDE\" class=\"ez-toc-section\"><\/span>Premi\u00e8re utilisation d&#8217;un IDE JetBrains<\/h3>\n<p>L&#8217;utilisation d&#8217;un IDE vous donne acc\u00e8s \u00e0 la refactorisation, au d\u00e9bogage et aux tests. Les IDE de JetBrains ne requi\u00e8rent aucune configuration de l&#8217;environnement pour la prise en charge de langages sp\u00e9cifiques ou la recherche rapide. Par ailleurs, il fournissent des suggestions de mod\u00e8les dynamiques et la saisie semi-automatique du code.<\/p>\n<p>La principale diff\u00e9rence entre Vim et IdeaVim est que, par d\u00e9faut, IdeaVim ne fonctionne pas en dehors de l&#8217;\u00e9diteur. Plusieurs plugins sont disponibles pour enrichir IdeaVim et vous permettre de b\u00e9n\u00e9ficier d&#8217;une exp\u00e9rience encore plus proche de celle qu&#8217;offre Vim.<\/p>\n<h4 id=\"additional_vim_plugins\">Plugins Vim suppl\u00e9mentaires<\/h4>\n<p><a href=\"https:\/\/plugins.jetbrains.com\/plugin\/13360-ideavim-easymotion\/\" target=\"_blank\" rel=\"noopener\"><strong>EasyMotion<\/strong><\/a><\/p>\n<p>Il \u00e9mule vim-easymotion et son objectif est simple&nbsp;: r\u00e9duire le nombre de frappes sur le clavier n\u00e9cessaires pour vous permettre d&#8217;atteindre l&#8217;emplacement souhait\u00e9 dans votre code.<\/p>\n<p>Vous devez tout d&#8217;abord installer un <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/13360-ideavim-easymotion\" target=\"_blank\" rel=\"noopener\">plugin<\/a> suppl\u00e9mentaire. Ensuite, il faut ajouter le code suivant \u00e0 votre fichier <em>.ideavimrc<\/em>&nbsp;:<\/p>\n<p><code>Plug 'easymotion\/vim-easymotion'<\/code><\/p>\n<p><a href=\"https:\/\/github.com\/JetBrains\/ideavim\/wiki\/NERDTree-support\" target=\"_blank\" rel=\"noopener\"><strong>NERDTree<\/strong><\/a><\/p>\n<p>Le plugin NERDTree vous permet de naviguer dans le volet du projet en utilisant des raccourcis clavier de type Vim. Il \u00e9mule NERDTree.<\/p>\n<p>Ajoutez l&#8217;extrait de code suivant \u00e0 votre fichier <em>.ideavimrc<\/em>&nbsp;:<\/p>\n<p><code>Plug 'preservim\/nerdtree`<\/code><br><code>map &lt;c-t&gt;   :NERDTree&lt;CR&gt;<\/code><\/p>\n<p>Vous pouvez ajouter <a href=\"https:\/\/github.com\/JetBrains\/ideavim\/wiki\/NERDTree-support\" target=\"_blank\" rel=\"noopener\">d&#8217;autres commandes<\/a> pour NERDTree avec le fichier <em>.ideavimrc<\/em>.<\/p>\n<p>Au-del\u00e0 de ces quelques exemples, vous trouverez sur <a href=\"https:\/\/github.com\/JetBrains\/ideavim\/wiki\/Emulated-plugins\" target=\"_blank\" rel=\"noopener\">cette page<\/a> une liste des principaux plugins Vim pour IdeaVim.<\/p>\n<h2 id=\"using_ideavim_with_your_jetbrains_ide\"><span id=\"Using_IdeaVim_with_your_JetBrains_IDE\" class=\"ez-toc-section\"><\/span>Utilisation d&#8217;IdeaVim avec votre IDE JetBrains<\/h2>\n<h3 id=\"configure_the_ideavimrc_file\"><span id=\"Configure_the_ideavimrc_file\" class=\"ez-toc-section\"><\/span>Configurer le fichier <em>ideavimrc<\/em><\/h3>\n<p>L&#8217;une des diff\u00e9rences majeures entre IdeaVim et Vim est que les IDE de JetBrains utilisent le fichier de configuration <code>~\/.ideavimrc<\/code> au lieu de <code>~\/.vimrc<\/code>.<\/p>\n<p>Si vous utilisez d\u00e9j\u00e0 Vim et que vous avez configur\u00e9 votre fichier <em>vimrc<\/em> comme vous le souhaitez, vous pouvez utiliser les m\u00eames param\u00e8tres dans IdeaVim. Ajoutez simplement <code>source ~\/.vimrc<\/code> \u00e0 votre fichier <em>ideavimrc<\/em>.<\/p>\n<p>Si vous utilisez Vim pour la premi\u00e8re fois, nous vous recommandons de pr\u00eater particuli\u00e8rement attention \u00e0 ce qui suit. Dans Vim, et par extension dans IdeaVim, vous pouvez param\u00e9trer un fichier de configuration qui s&#8217;ex\u00e9cutera au d\u00e9marrage de votre IDE. Il est possible d&#8217;ajouter des ensembles de commandes \u00e0 ce fichier, ce qui vous permet&nbsp; de configurer vos param\u00e8tres.<\/p>\n<p>Vous devez cr\u00e9er ce fichier vous-m\u00eame dans le r\u00e9pertoire principal.<\/p>\n<h4 id=\"create_ideavimrc_file\">Cr\u00e9er le fichier<em> ideavimrc<\/em><\/h4>\n<p>Dans la barre d&#8217;\u00e9tat, vous trouverez une ic\u00f4ne <em>IdeaVim<\/em>. Pour cr\u00e9er le fichier, cliquez simplement sur l&#8217;ic\u00f4ne <em>IdeaVim<\/em> et s\u00e9lectionnez <em>Create ~\/.ideavimrc<\/em>. Vous pouvez ensuite le modifier dans l&#8217;IDE. Consultez le contenu de <a href=\"https:\/\/github.com\/JetBrains\/ideavim\/discussions\/303\" target=\"_blank\" rel=\"noopener\">cette discussion<\/a> pour trouver des exemples de configurations d&#8217;autres utilisateurs.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/ideavimrc-file-creation.png\" alt=\"Cr\u00e9er un fichier ideavimrc dans l'IDE\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/ideavimrc-file-creation.gif\" width=\"800\"><\/p>\n<h3 id=\"bind_vim_shortcuts_to_ide_actions\"><span id=\"Bind_Vim_shortcuts_to_IDE_actions\" class=\"ez-toc-section\"><\/span>Relier les raccourcis de Vim aux actions de l&#8217;IDE<\/h3>\n<p>IdeaVim peut agir comme un pont qui vous permet de b\u00e9n\u00e9ficier la fois des avantages de Vim et de ceux d&#8217;un IDE. Vous pouvez relier les raccourcis de Vim aux actions de l&#8217;IDE, par exemple <code>map \\r &lt;Action&gt;(ReformatCode)<\/code>. Ainsi, si vous utilisez <code>\\r<\/code> et appelez l&#8217;action <em>Reformat code<\/em> dans l&#8217;IDE et elle utilisera la fonctionnalit\u00e9 de reformatage du code de l&#8217;IDE.<\/p>\n<p>IdeaVim ajoute plusieurs commandes qui permettent de r\u00e9pertorier et d&#8217;ex\u00e9cuter les actions de l&#8217;IDE en tant que commandes ex\u00e9cutables et via des commandes de mappages :map.<\/p>\n<p>Pour les mappages, vous pouvez utiliser un mot-cl\u00e9 <code><\/code> sp\u00e9cial. Par exemple&nbsp;:<br><code>map gh &lt;Action&gt;(ShowErrorDescription)<\/code><\/p>\n<p>Cela active le survol du curseur lorsque vous appuyez sur <code>gh<\/code>.<\/p>\n<p>Les actions les plus populaires&nbsp;incluent :<\/p>\n<ul>\n<li><code>QuickJavaDoc<\/code>&nbsp;: <em>Quick Documentation<\/em> (pour tous les langages).<\/li>\n<li><code>ShowErrorDescription<\/code>&nbsp;: affiche une description de l&#8217;erreur sous le caret (au survol du curseur).<\/li>\n<li><code>QuickImplementations<\/code>&nbsp;: fournit une infobulle avec plus de d\u00e9tails concernant le symbole sous le curseur.<\/li>\n<\/ul>\n<p><strong>Remarque<\/strong> : il est \u00e9galement possible d&#8217;ex\u00e9cuter des actions \u00e0 partir de la bo\u00eete de commandes si vous ne souhaitez les utiliser qu&#8217;une seule fois.<\/p>\n<p>Pour ex\u00e9cuter des actions, utilisez la s\u00e9quence suivante&nbsp;: <code>:action {action_id}<\/code>. Cette commande ex\u00e9cutera l&#8217;action correspondante sur le code. Par exemple, <code>:action ShowErrorDescription<\/code> ex\u00e9cute l&#8217;action <em>Show Error Description<\/em> de l&#8217;IDE.<\/p>\n<h4 id=\"ideajoin\">ideajoin<\/h4>\n<p>Les IDE de JetBrains disposent de la fonctionnalit\u00e9 <em>Smart Join<\/em> qui comprend le contexte du code et peut formater le code lorsqu&#8217;il est joint. Ainsi, lorsque vous utilisez la commande de join standard <code>j<\/code> de Vim, l&#8217;IDE utilisera toujours la fonctionnalit\u00e9 <em>Smart Join<\/em>. Pour activer cette fonctionnalit\u00e9, il vous suffit d&#8217;ajouter <code>set ideajoin<\/code> \u00e0 votre fichier <em>~\/.ideavimrc<\/em>. Vous trouverez <a href=\"https:\/\/github.com\/JetBrains\/ideavim\/blob\/master\/doc\/ideajoin-examples.md\" target=\"_blank\" rel=\"noopener\">ici<\/a> des exemples de la fa\u00e7on dont <em>Smart Join<\/em> g\u00e8re le code.<\/p>\n<h4 id=\"ideaput\">ideaput<\/h4>\n<p>Une derni\u00e8re chose importante et d&#8217;activer ideaput pour le presse-papiers. Cela vous permettra d&#8217;utiliser l&#8217;insertion de l&#8217;IDE afin de pouvoir coller des \u00e9l\u00e9ments normalement \u00e0 partir du presse-papiers ; sans cela, cela peut \u00eatre compliqu\u00e9.<\/p>\n<h3 id=\"learn_the_vim_keymap\"><span id=\"Learn_the_Vim_keymap\" class=\"ez-toc-section\"><\/span>Apprendre la configuration clavier de Vim<\/h3>\n<p>La ma\u00eetrise de l&#8217;\u00e9dition fa\u00e7on Vim demande beaucoup de pratique. Pour progresser plus rapidement, il est pr\u00e9f\u00e9rable d&#8217;\u00eatre compl\u00e8tement immerg\u00e9 et d&#8217;utiliser uniquement Vim. Mais dans certains cas, il peut arriver que cette fa\u00e7on de travailler nuise \u00e0 votre productivit\u00e9. Si vous souhaitez arr\u00eater l&#8217;\u00e9mulation de Vim, vous pouvez \u00e0 tout moment cliquer sur l&#8217;ic\u00f4ne IdeaVim dans la barre d&#8217;\u00e9tat et d\u00e9cocher <em>Enabled<\/em>.<\/p>\n<p><strong>Conseil suppl\u00e9mentaire<\/strong> : si vous avez du mal \u00e0 vous souvenir des mouvements de Vim, de tr\u00e8s bons <a href=\"https:\/\/www.itl.cat\/wallview\/xTobmT_vim-wallpapers-px-darkness\/\" target=\"_blank\" rel=\"noopener\">aides-m\u00e9moires pour les raccourcis clavier de Vim<\/a> sont disponibles en ligne. Vous pouvez ensuite d\u00e9finir l&#8217;image comme arri\u00e8re-plan dans l&#8217;IDE : ouvrez <em>Preferences \/ Settings | Appearance &amp; Behavior | Appearance<\/em>, puis cliquez sur le bouton <em>Background Image<\/em>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/cheatsheet-background.png\" alt=\"Ajout d'une configuration clavier Vim \u00e0 l'arri\u00e8re-plan de l'IDE\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/09\/cheatsheet-background.gif\" width=\"800\"><\/p>\n<p>Nous esp\u00e9rons que ceux et celles d&#8217;entre vous qui souhaitent utiliser Vim avec WebStorm ou tout autre IDE de JetBrains auront trouv\u00e9 cet article utile. Si vous avez d&#8217;autres astuces et conseils \u00e0 partager, ajoutez-les dans la section commentaires ci-dessous. Et si vous appr\u00e9ciez ce genre de contenu et aimeriez disposer d&#8217;un guide plus avanc\u00e9 sur l&#8217;utilisation d&#8217;IdeaVim, n&#8217;h\u00e9sitez pas \u00e0 nous le faire savoir.<\/p>\n<p><em> L&#8217;\u00c9quipe WebStorm<\/em><\/p>\n<p><em>Auteur de l&#8217;article original en anglais<\/em> :<\/p>\n\n    <div class=\"about-author \">\n        <div class=\"about-author__box\">\n            <div class=\"row\">\n                <div class=\"about-author__box-img\">\n                    <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/?s=200&#038;r=g\" width=\"200\" height=\"200\" alt=\"\" loading=\"lazy\"  class=\"avatar avatar-200 wp-user-avatar wp-user-avatar-200 photo avatar-default\">\n                <\/div>\n                <div class=\"about-author__box-text\">\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n","protected":false},"author":813,"featured_media":283005,"comment_status":"closed","ping_status":"closed","template":"","categories":[601],"tags":[1731,993,183],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webstorm\/285433"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webstorm"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/types\/webstorm"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/users\/813"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/comments?post=285433"}],"version-history":[{"count":10,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webstorm\/285433\/revisions"}],"predecessor-version":[{"id":285565,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webstorm\/285433\/revisions\/285565"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media\/283005"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media?parent=285433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/categories?post=285433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/tags?post=285433"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/cross-post-tag?post=285433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}