{"id":180360,"date":"2021-08-27T08:43:11","date_gmt":"2021-08-27T07:43:11","guid":{"rendered":"https:\/\/blog.jetbrains.com\/webstorm\/2021\/08\/10-things-you-didnt-know-about-webstorm\/"},"modified":"2021-11-02T16:38:15","modified_gmt":"2021-11-02T15:38:15","slug":"10-choses-que-vous-ignoriez-a-propos-de-webstorm","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/fr\/webstorm\/2021\/08\/10-choses-que-vous-ignoriez-a-propos-de-webstorm\/","title":{"rendered":"10 choses que vous ignoriez \u00e0 propos de WebStorm"},"content":{"rendered":"<p>Cela fait d\u00e9j\u00e0 11&nbsp;ans que nous avons lanc\u00e9 WebStorm. Nous avons publi\u00e9 des dizaines de tutoriels et de guides d&#8217;utilisation mais n&#8217;avions jamais vraiment partag\u00e9 d&#8217;informations sur les coulisses de sa conception, son histoire ou son \u00e9volution. L&#8217;\u00e9quipe a donc pr\u00e9par\u00e9 pour vous une s\u00e9lection de 10&nbsp;faits et anecdotes concernant WebStorm. Certaines vous feront sourire, d&#8217;autres pourraient vous rendre nostalgiques, d&#8217;autres encore pourraient vous donner envie de <a href=\"https:\/\/www.jetbrains.com\/fr-fr\/careers\/jobs\/?team=WebStorm\" target=\"_blank\" rel=\"noopener noreferrer\">rejoindre notre \u00e9quipe<\/a>, qui sait ?<\/p>\n<h2 id=\"it_all_started_with_web_ide\">Tout a commenc\u00e9 avec Web IDE<\/h2>\n<p>Commen\u00e7ons par un peu d&#8217;histoire. Le tout premier IDE lanc\u00e9 par JetBrains est IntelliJ IDEA. Nous avons ensuite lanc\u00e9 RubyMine, qui, contrairement \u00e0 l&#8217;IDE IntelliJ IDEA plus polyvalent, a \u00e9t\u00e9 con\u00e7u sp\u00e9cifiquement pour am\u00e9liorer le d\u00e9veloppement Ruby et Rails. Par la suite, nous avons constat\u00e9 qu&#8217;un grand nombre de nos clients utilisaient en fait ces deux IDE pour \u00e9diter du HTML, du CSS et du JavaScript. Pour mieux r\u00e9pondre \u00e0 leurs besoins, nous avons d\u00e9cid\u00e9 de cr\u00e9er un IDE d\u00e9di\u00e9 au d\u00e9veloppement web.<\/p>\n<p>Au d\u00e9part, par maque d&#8217;inspiration, nous avons appel\u00e9 ce nouvel IDE \u00ab&nbsp;Web IDE&nbsp;\u00bb. Il \u00e9tait alors propos\u00e9 en <a href=\"https:\/\/web.archive.org\/web\/20090823051042\/http:\/\/www.jetbrains.net\/confluence\/display\/WI\/Web+IDE+EAP\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9dition Standard et en \u00e9dition PHP Developer<\/a>. L&#8217;\u00e9dition standard a ensuite \u00e9volu\u00e9 pour devenir WebStorm et l&#8217;\u00e9dition PHP Developer est devenue PhpStorm. Et comme Internet se souvient de tout&nbsp;: <a href=\"https:\/\/web.archive.org\/web\/20101228024817\/http:\/\/www.jetbrains.com\/webstorm\/\" target=\"_blank\" rel=\"noopener noreferrer\">voici<\/a> \u00e0 quoi ressemblaient notre site web et WebStorm \u00e0 l&#8217;\u00e9poque. Eh oui, les th\u00e8mes clairs \u00e9taient \u00e0 la mode en 2010.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/master.dev.blog.intellij.net\/wp-content\/uploads\/2021\/09\/webstorm-2010-edition.png\" alt=\"webstorm-2010-edition\" width=\"600\"><\/p>\n<h2 id=\"intellij_idea_and_webstorm_have_much_more_in_common_than_you_think\">IntelliJ IDEA et WebStorm ont beaucoup plus en commun que vous ne le pensez<\/h2>\n<p>WebStorm, PhpStorm, IntelliJ IDEA, PyCharm, Rider, AppCode, CLion, DataGrip, RubyMine, GoLand&#8230; Tous sont des IDE de JetBrains. Il y en a tellement que, m\u00eame pour les JetBrainers, il n&#8217;est pas toujours facile de se souvenir exactement de ce tout qui les diff\u00e9rencie. C&#8217;est l&#8217;occasion pour nous de clarifier cela !<\/p>\n<p>Tous nos IDE sont construits sur une base commune&nbsp;: la <a href=\"https:\/\/www.jetbrains.com\/fr-fr\/opensource\/idea\/\" target=\"_blank\" rel=\"noopener noreferrer\">Plateforme IntelliJ<\/a>. Ils sont tous con\u00e7us \u00e0 partir de cette plateforme et se composent de diff\u00e9rents ensembles de plugins. Par exemple&nbsp;:<\/p>\n<ul>\n<li>WebStorm = les fonctionnalit\u00e9s de la plateforme + le plugin JavaScript et TypeScript + le plugin CSS + environ 20 autres plugins li\u00e9s \u00e0 JavaScript.<\/li>\n<li>PhpStorm = les fonctionnalit\u00e9s de la plateforme + le plugin JavaScript et TypeScript + le plugin CSS + le plugin PHP + le plugin de bases de donn\u00e9es + environ 30 autres plugins li\u00e9s \u00e0 PHP et JavaScript.<\/li>\n<\/ul>\n<p>PhpStorm comprend donc les m\u00eames fonctionnalit\u00e9s JavaScript et TypeScript que WebStorm car il s&#8217;appuie sur le m\u00eame plugin JavaScript et TypeScript. Cela vaut pour tous nos autres IDE, y compris IntelliJ IDEA Ultimate et PyCharm Professional. Par ailleurs, nos IDE peuvent comporter quelques personnalisations suppl\u00e9mentaires, principalement en ce qui concerne l&#8217;interface utilisateur, sp\u00e9cifiques \u00e0 chaque IDE et \u00e0 son public cible.<\/p>\n<p>Pour plus d&#8217;informations sur les diff\u00e9rences entre nos IDE, consultez notre <a href=\"https:\/\/www.jetbrains.com\/fr-fr\/products\/compare\/?product=webstorm&amp;product=idea\" target=\"_blank\" rel=\"noopener noreferrer\">comparateur<\/a>.<\/p>\n<h2 id=\"webstorm_is_partially_open_source\">WebStorm est partiellement open source<\/h2>\n<p>Peu de gens le savent, mais c&#8217;est pourtant bien le cas ! La plateforme IntelliJ et de nombreux plugins sont open source. La plateforme IntelliJ est m\u00eame utilis\u00e9e en dehors de JetBrains&nbsp;! Elle constitue notamment la base de l&#8217;environnement de d\u00e9veloppement <a href=\"https:\/\/developer.android.com\/studio\" target=\"_blank\" rel=\"noopener noreferrer\">Android Studio<\/a>. En y regardant de plus pr\u00e8s, vous remarquerez que son interface utilisateur est similaire \u00e0 celle de WebStorm.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/master.dev.blog.intellij.net\/wp-content\/uploads\/2021\/09\/android-studio.png\" alt=\"android-studio\" width=\"600\"><\/p>\n<p>Pour en savoir plus sur les possibilit\u00e9s de contribuer \u00e0 la plateforme IntelliJ, que ce soit en \u00e9crivant du code ou en prenant part aux activit\u00e9s de la communaut\u00e9, <a href=\"https:\/\/www.jetbrains.com\/fr-fr\/opensource\/idea\/\" target=\"_blank\" rel=\"noopener noreferrer\">cliquez ici<\/a>.<\/p>\n<h2 id=\"there_s_a_reason_why_our_ides_are_so_good_at_refactoring\">Nos IDEs sont reconnus pour leur performance en mati\u00e8re de refactorisation pour une bonne raison<\/h2>\n<p>\u00ab&nbsp;La fiabilit\u00e9 et la puissance des refactorisations \u00bb figurent parmi les raisons les plus fr\u00e9quemment cit\u00e9s par les utilisateurs de WebStorm et de nos autres IDE pour expliquer leur choix. Mais vous \u00eates-vous d\u00e9j\u00e0 demand\u00e9 pourquoi nos IDE sont si performants en mati\u00e8re de refactorisation&nbsp;? La r\u00e9ponse est simple&nbsp;: nous travaillons sur le sujet depuis 2000 et savons comment faire pour rendre nos IDE capables de vraiment comprendre votre code. Le tout premier produit de JetBrains, Renamer, \u00e9tait un plugin pour <a href=\"https:\/\/en.wikipedia.org\/wiki\/JBuilder\" target=\"_blank\" rel=\"noopener noreferrer\">JBuilder<\/a> qui effectuait une refactorisation Rename. Nous l&#8217;avons fait \u00e9voluer et il est devenu notre premier IDE, IntelliJ IDEA, qui a ensuite permis la cr\u00e9ation de plusieurs autres IDE, parmi lesquels WebStorm.<\/p>\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\"><p lang=\"en\" dir=\"ltr\">I still remember the good old days of IntelliJ Renamer in 2000.<br><br>I used <a href=\"https:\/\/twitter.com\/intellijidea?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">@intellijidea<\/a> as part of my thesis on Refactoring and ever since. Thanks for the wonderful time.<br><br>\/cc <a href=\"https:\/\/twitter.com\/hhariri?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">@hhariri<\/a> <a href=\"https:\/\/twitter.com\/intelliyole?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">@intelliyole<\/a> <a href=\"https:\/\/twitter.com\/ptibird?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">@ptibird<\/a><a href=\"https:\/\/t.co\/XCtotJZJCX\" target=\"_blank\">https:\/\/t.co\/XCtotJZJCX<\/a> <a href=\"https:\/\/t.co\/0xc3KKTLZx\" target=\"_blank\">pic.twitter.com\/0xc3KKTLZx<\/a><\/p>&mdash; Michael Hunger (@mesirii) <a href=\"https:\/\/twitter.com\/mesirii\/status\/1085896894541455360?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">January 17, 2019<\/a><\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"webstorm_is_free_for_students\">WebStorm est gratuit pour les \u00e9tudiant\u00b7e\u00b7s<\/h2>\n\n\n\n<p>Autre information peu connue&nbsp;: les \u00e9tudiant\u00b7e\u00b7s peuvent utiliser WebStorm gratuitement. Nous offrons \u00e9galement des licences gratuites ou des remises pour plusieurs autres cas d&#8217;utilisation et profils d&#8217;utilisateurs, parmi lesquels les projets OSS, les startups, les cours de formation et les groupes d&#8217;utilisateurs. Vous pouvez trouver plus d&#8217;informations sur nos offres sp\u00e9ciales <a href=\"https:\/\/www.jetbrains.com\/fr-fr\/webstorm\/buy\/#discounts?billing=yearly\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">ici<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"webstorm_s_price_hasn_t_changed_since\">Le prix de l&#8217;abonnement \u00e0 WebStorm est le m\u00eame depuis 2015<\/h2>\n\n\n\n<p>Bien que WebStorm soit un outil payant pour la plupart de nos utilisateurs, nous faisons tout pour qu&#8217;il reste aussi abordable que possible. Son prix n&#8217;a pas chang\u00e9 depuis 2015, ann\u00e9e au cours de laquelle nous avons introduit notre nouveau mod\u00e8le d&#8217;abonnement. Pour les utilisateurs individuels, WebStorm co\u00fbte au maximum 5,90&nbsp;USD par mois, soit l&#8217;\u00e9quivalent de deux cappuccinos dans <a href=\"https:\/\/www.numbeo.com\/cost-of-living\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ek-link\">de nombreux pays<\/a>.<\/p>\n\n\n\n<p>Dans le cadre d&#8217;un abonnement annuel, WebStorm est encore <a href=\"https:\/\/twitter.com\/Nartc1410\/status\/1394290288714260484\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ek-link\">plus abordable<\/a>, tant pour les entreprises que pour les utilisateurs individuels, et permet de b\u00e9n\u00e9ficier d&#8217;une remise de continuit\u00e9. Pour en savoir plus, consultez <a href=\"https:\/\/www.jetbrains.com\/fr-fr\/webstorm\/buy\/#personal?billing=yearly\" target=\"_blank\" aria-label=\" (opens in a new tab)\" rel=\"noreferrer noopener\" class=\"ek-link\">cette page<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"when_we_say_webstorm_has_dozens_of_inspections_we_aren_t_kidding\">Dire que WebStorm propose des dizaines d&#8217;inspections n&#8217;est pas exag\u00e9r\u00e9<\/h2>\n\n\n\n<p>Si vous avez d\u00e9j\u00e0 lu la phrase \u00ab&nbsp;WebStorm poss\u00e8de des dizaines d&#8217;inspections&nbsp;\u00bb dans nos contenus, vous avez peut-\u00eatre pens\u00e9 qu&#8217;il s&#8217;agissait d&#8217;un argument marketing et que nous exag\u00e9rions. Cette ann\u00e9e, nous avons fait le calcul ! En avril 2021, il existait 348&nbsp;inspections et 156&nbsp;intentions pr\u00eates \u00e0 l&#8217;emploi dans WebStorm. Ce calcul n&#8217;inclut pas les correctifs rapides \u2013 chaque inspection peut en comporter plusieurs.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\"><p lang=\"en\" dir=\"ltr\">We are continuing to work on improving i18n of our IDEs and as a part of the process, we need to proofread all inspections and intentions. And as the result, finally, I have the exact number of intentions and inspections in WebStorm! <br>So, there are<br><br>348 inspections<br>156 intentions<\/p>&mdash; Andrey Starovoyt (@anstarovoyt) <a href=\"https:\/\/twitter.com\/anstarovoyt\/status\/1385229703573819396?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">April 22, 2021<\/a><\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n\n\n<p>P.S. Si vous n&#8217;\u00eates pas certain de bien conna\u00eetre la diff\u00e9rence entre tous ces \u00e9l\u00e9ments, consultez <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2021\/05\/a-day-in-the-life-of-a-webstorm-developer\/#task_a_new_intention_for_typescript\" target=\"_blank\" rel=\"noopener noreferrer\">cet article de blog<\/a>.<\/p>\n<h2 id=\"on_average_webstorm_team_members_have_worked_at_jetbrains_for_years\">En moyenne, les membres de l&#8217;\u00e9quipe WebStorm travaillent chez JetBrains depuis 5 ans<\/h2>\n<p>Rappelez-vous de la derni\u00e8re fois que vous avez int\u00e9gr\u00e9 une nouvelle entreprise. Vous \u00eates-vous d\u00e9j\u00e0 retrouv\u00e9\u00b7e dans la situation o\u00f9 vous aviez besoin d&#8217;une information importante et avez finalement d\u00e9couvert que la personne qui pouvait vous la donner avait quitt\u00e9 l&#8217;entreprise ? C&#8217;est rarement le cas chez JetBrains, que ce soit dans l&#8217;\u00e9quipe WebStorm ou dans l&#8217;entreprise en g\u00e9n\u00e9ral. La plupart des collaborateurs qui ont travaill\u00e9 sur WebStorm y travaillent encore ou sont pass\u00e9s dans une autre \u00e9quipe produit au sein de JetBrains.<\/p>\n<p>Auctellement, l&#8217;anciennet\u00e9 moyenne de chaque WebStormer\u00a0 est de 5 ans. Nous demand\u00e9 aux collaborateurs ayant le plus d&#8217;anciennet\u00e9 de nous parler de l&#8217;\u00e9volution de WebStorm depuis qu&#8217;ils ont rejoint l&#8217;\u00e9quipe.<\/p>\n<p><a href=\"https:\/\/twitter.com\/k_ulitin\" target=\"_blank\" rel=\"noopener\"><strong>Konstantin Ulitin<\/strong><\/a><strong>, D\u00e9veloppeur logiciel WebStorm (a rejoint l&#8217;\u00e9quipe en 2011)<\/strong><\/p>\n<p style=\"text-align: justify;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft\" style=\"border-radius: 50%;\" src=\"https:\/\/master.dev.blog.intellij.net\/wp-content\/uploads\/2021\/09\/konstantin-ulitin.jpg\" alt=\"kostya-ulitin\" width=\"130\" height=\"130\" \/>Aussi loin que je me souvienne, notre ambition a toujours \u00e9t\u00e9 de faire de WebStorm l&#8217;IDE JavaScript le plus intelligent. Au d\u00e9but, cela impliquait que nous devions le doter d&#8217;un grand nombre de fonctionnalit\u00e9s intelligentes, tels que des correctifs rapides et des refactorisations. L&#8217;\u00e9volution de l&#8217;\u00e9cosyst\u00e8me JavaScript nous a amen\u00e9e \u00e0 revoir cette approche. Nous continuons d&#8217;ajouter des fonctionnalit\u00e9s intelligentes \u00e0 WebStorm, mais aujourd&#8217;hui nous nous concentrons plus sur le perfectionnement de l&#8217;int\u00e9gration avec les outils existants. Des outils comme ESLint, Prettier et le TypeScript Language Server ont \u00e9t\u00e9 con\u00e7us pour r\u00e9soudre des probl\u00e8mes sp\u00e9cifiques et remplissent parfaitement leur mission. Nous souhaitons donc en faire profiter nos utilisateurs.<\/p>\n<p><a href=\"https:\/\/twitter.com\/katyaprigara\" target=\"_blank\" rel=\"noopener\"><strong>Ekaterina Prigara<\/strong><\/a><strong>, Chef de produit WebStorm et IntelliJ IDEA (a rejoint l&#8217;\u00e9quipe en 2013)<\/strong><\/p>\n<p style=\"text-align: justify;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft\" style=\"border-radius: 50%;\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2021\/03\/Katya-Prigara.jpeg\" alt=\"katya-prigara\" width=\"130\" height=\"130\" \/>WebStorm a fait du chemin depuis 2013. Je suis tr\u00e8s fi\u00e8re de tout ce que nous avons pu r\u00e9aliser en tant qu&#8217;\u00e9quipe, qu&#8217;il s&#8217;agisse des importations automatiques en JavaScript, de l&#8217;ajout de nombreuses refactorisations et intentions, ou de l&#8217;efficacit\u00e9 de la prise en charge de React, Vue et Angular.<\/p>\n<p>Le passage \u00e0 un nouveau processus de d\u00e9veloppement en 2016, avec 3\u00a0versions majeures par an et des builds anticip\u00e9s r\u00e9guliers, a \u00e9t\u00e9 un grand d\u00e9fi pour nous, mais aujourd&#8217;hui cela nous permet de fournir des fonctionnalit\u00e9s et des correctifs plus rapidement aux utilisateurs. Ce processus nous a \u00e9galement permis de mieux planifier et coordonner les changements dans la plateforme IntelliJ avec les \u00e9quipes travaillant sur les autres IDE et d&#8217;am\u00e9liorer la qualit\u00e9 globale du produit.<\/p>\n<p><a href=\"https:\/\/twitter.com\/paulweveritt\" target=\"_blank\" rel=\"noopener\"><strong>Paul Everitt<\/strong><\/a><strong>, Developer Advocate WebStorm et PyCharm (a rejoint l&#8217;\u00e9quipe en 2015)<\/strong><\/p>\n<p style=\"text-align: justify;\"><img decoding=\"async\" loading=\"lazy\" class=\"alignleft\" style=\"border-radius: 50%;\" src=\"https:\/\/master.dev.blog.intellij.net\/wp-content\/uploads\/2021\/09\/webstorm-Paul-Headshot-Small-2020.jpg\" alt=\"paul-everitt\" width=\"130\" height=\"130\" \/>Je rejoins Konstantin\u00a0: l&#8217;int\u00e9gration de WebStorm avec d&#8217;autres outils que les d\u00e9veloppeurs utilisent est une priorit\u00e9 pour nous actuellement. On retrouve d\u00e9sormais cette m\u00eame approche dans les domaines de l&#8217;advocacy et de la communication. Nous sommes plus ouverts vers l&#8217;ext\u00e9rieur et nous suivons de tr\u00e8s pr\u00e8s tout ce qui se passe dans l&#8217;\u00e9cosyst\u00e8me de JavaScript. C&#8217;est passionnant et parfois un peu effrayant, mais nous verrons encore plus cela au cours de l&#8217;ann\u00e9e \u00e0 venir.<\/p>\n<h2 id=\"since_webstorm_has_had_different_splash_screens\">Depuis 2010, WebStorm a eu plus de 30\u00a0\u00e9crans de d\u00e9marrage diff\u00e9rents<\/h2>\n<p>Cela peut sembler surprenant, mais l&#8217;un des \u00e9l\u00e9ments les plus attendus par les utilisateurs \u00e0 chaque nouvelle version est la d\u00e9couverte du nouvel \u00e9cran de d\u00e9marrage\u00a0! Depuis la premi\u00e8re version de WebStorm, notre \u00e9quipe en charge du design en a d\u00e9velopp\u00e9 plus de 30\u00a0versions diff\u00e9rentes. L&#8217;un de nos utilisateurs en a compil\u00e9 un bon nombre dans un tweet.<\/p>\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\"><p lang=\"en\" dir=\"ltr\">All <a href=\"https:\/\/twitter.com\/jetbrains?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">@jetbrains<\/a> <a href=\"https:\/\/twitter.com\/WebStormIDE?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">@WebStormIDE<\/a> splash screens.<br>There were quite some cool looking variants back in the day.<br>Once again my favorite is 2018.3. I really dig that style they did at the end of year for all their splash screens. <a href=\"https:\/\/t.co\/eZopiTcpkL\" target=\"_blank\">pic.twitter.com\/eZopiTcpkL<\/a><\/p>&mdash; Fuzzel (@Fuzzel_) <a href=\"https:\/\/twitter.com\/Fuzzel_\/status\/1207054049897517062?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">December 17, 2019<\/a><\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n\n\n<h2 id=\"we_don_t_build_webstorm_in_webstorm\">Nous ne d\u00e9veloppons pas WebStorm dans WebStorm<\/h2>\n<p>La question de l&#8217;IDE ou de l&#8217;\u00e9diteur de code que nous utilisons pour d\u00e9velopper WebStorm nous est souvent pos\u00e9e. Vous pensiez peut-\u00eatre que ce serait WebStorm, mais nous ne pouvons pas l&#8217;utiliser \u00e0 cette fin. Nos IDE sont bas\u00e9s sur JVM, nous les d\u00e9veloppons donc tous dans IntelliJ IDEA, notre IDE pour la JVM.<\/p>\n<p>Cela ne signifie pas pour autant que nous n&#8217;utilisons pas WebStorm nous-m\u00eames. Il nous sert chaque fois que nous avons besoin de travailler sur des projets parall\u00e8les uniquement en JavaScript, de tester quelque chose, d&#8217;am\u00e9liorer l&#8217;interface utilisateur de WebStorm ou d&#8217;ajouter de nouvelles fonctionnalit\u00e9s compatibles avec le langage.<\/p>\n<h2>Nous r\u00e9compensons les participant\u00b7e\u00b7s les plus actifs aux Programmes d&#8217;Acc\u00e8s Anticip\u00e9 avec des licences gratuites<\/h2>\n<p>Avant chaque sortie d&#8217;une nouvelle version de WebStorm, nous avons toujours un <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/09\/webstorm-eap\/\" target=\"_blank\" rel=\"noopener\">Programme d&#8217;Acc\u00e8s Anticip\u00e9<\/a> pendant lequel nous testons la nouvelle version pour essayer de d\u00e9tecter autant de bugs que possible, et recueillons des retours d&#8217;utilisateurs sur les nouvelles fonctionnalit\u00e9s.<\/p>\n<p>Quel est l&#8217;int\u00e9r\u00eat pour vous ? Nous appr\u00e9cions que nos utilisateurs testent les builds r\u00e9alis\u00e9s au cours des programmes pour nous aider \u00e0 am\u00e9liorer WebStorm. Si vous participez \u00e0 ce type de programme et nous aidez \u00e0 d\u00e9tecter les \u00e9ventuels probl\u00e8mes ou partagez activement vos retours sur une nouvelle fonctionnalit\u00e9, vous pouvez recevoir une licence gratuite d&#8217;un an pour WebStorm.<\/p>\n<h2 id=\"the_js_ecosystem_is_mature_but_it_is_still_hard_to_keep_up_with\">Malgr\u00e9 la maturit\u00e9 de l&#8217;\u00e9cosyst\u00e8me JavaScript, il continue d&#8217;\u00e9voluer et il n&#8217;est pas toujours facile de tout suivre<\/h2>\n<p>Vous rappelez-vous ce que vous avez ressenti en apprenant JavaScript il y a quelques ann\u00e9es&nbsp;? Sinon, <a href=\"https:\/\/hackernoon.com\/how-it-feels-to-learn-javascript-in-2016-d3a717dd577f\" target=\"_blank\" rel=\"noopener noreferrer\">voici un petit rappel<\/a>. Il ne fait aucun doute que l&#8217;\u00e9cosyst\u00e8me JavaScript a beaucoup chang\u00e9 depuis. Cette \u00e9volution a-t-elle rendu le d\u00e9veloppement de WebStorm plus simple pour nous ? Pas vraiment.<\/p>\n<p>L&#8217;\u00e9cosyst\u00e8me JavaScript continue \u00e0 \u00e9voluer rapidement, avec une multitude de nouveaux outils et \u00e9volutions technologiques que nous devons prendre en compte. Prenons l&#8217;exemple de la nouvelle <a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-49000\" target=\"_blank\" rel=\"noopener noreferrer\">configuration du script Vue<\/a>. L&#8217;ajout de sa prise en charge peut sembler \u00eatre une t\u00e2che plut\u00f4t mineure par rapport \u00e0 la prise en charge de l&#8217;ensemble du framework, n&#8217;est-ce pas ? Pourtant, cela nous demande plusieurs semaines de travail afin de nous assurer que nous avons bien pris en compte tous les cas de figure. Il ne s&#8217;agit que d&#8217;une fonctionnalit\u00e9 au sein d&#8217;un framework et il existe des centaines de cas similaires et de nouvelles technologies \u00e9mergentes. Tailwind CSS, Deno, Svelte, quelle sera la prochaine nouveaut\u00e9 ? Nous ne le savons pas encore, mais une chose est s\u00fbre : impossible de s&#8217;ennuyer en travaillant sur un IDE !<\/p>\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\"><p lang=\"en\" dir=\"ltr\">Finally working on support for <a href=\"https:\/\/twitter.com\/hashtag\/vue3?src=hash&amp;ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">#vue3<\/a> &lt;script setup&gt; in WebStorm! From an IDE point of vue, there is plenty of unusual stuff, so it\u2019s quite exciting to implement the features ;) <a href=\"https:\/\/t.co\/Z3ZatMSAC9\" target=\"_blank\">pic.twitter.com\/Z3ZatMSAC9<\/a><\/p>&mdash; Piotr Tomiak (@PiotrekTomiak) <a href=\"https:\/\/twitter.com\/PiotrekTomiak\/status\/1420836551098048518?ref_src=twsrc%5Etfw\" target=\"_blank\" rel=\"noopener\">July 29, 2021<\/a><\/blockquote><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script>\n<\/div><\/figure>\n\n\n<p>Nous esp\u00e9rons que vous avez eu autant de plaisir \u00e0 lire cet article que nous en avons eu \u00e0 le r\u00e9diger&nbsp;! Quel est l&#8217;\u00e9l\u00e9ment de la liste qui vous a le plus surpris\u00b7e ? Dites-le nous dans la section commentaires ci-dessous.<\/p>\n<p><em>L&#8217;\u00c9quipe WebStorm<\/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":180647,"comment_status":"closed","ping_status":"closed","template":"","categories":[89],"tags":[91],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webstorm\/180360"}],"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=180360"}],"version-history":[{"count":10,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webstorm\/180360\/revisions"}],"predecessor-version":[{"id":198486,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webstorm\/180360\/revisions\/198486"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media\/180647"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media?parent=180360"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/categories?post=180360"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/tags?post=180360"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/cross-post-tag?post=180360"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}