{"id":317736,"date":"2023-01-27T09:09:11","date_gmt":"2023-01-27T08:09:11","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=webstorm&#038;p=317736"},"modified":"2023-01-27T10:48:45","modified_gmt":"2023-01-27T09:48:45","slug":"le-programme-dacces-anticipe-de-webstorm-2023-1-est-maintenant-ouvert","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/fr\/webstorm\/2023\/01\/le-programme-dacces-anticipe-de-webstorm-2023-1-est-maintenant-ouvert\/","title":{"rendered":"Le programme d&#8217;acc\u00e8s anticip\u00e9 de WebStorm 2023.1 est maintenant ouvert !"},"content":{"rendered":"<p>Le cycle de publications pour la version 2023.1 de WebStorm est lanc\u00e9 avec l&#8217;ouverture d&#8217;un nouveau programme d&#8217;acc\u00e8s anticip\u00e9 (EAP). Si vous n&#8217;avez pas l&#8217;habitude d&#8217;utiliser ce type de programmes, nous vous invitons \u00e0 lire <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2020\/09\/webstorm-eap\/\">cet article<\/a>, qui explique en quoi cela consiste et quels sont les avantages \u00e0 y participer. Pour savoir ce qui vous attend dans WebStorm 2023.1, consultez notre <a href=\"https:\/\/blog.jetbrains.com\/fr\/webstorm\/2023\/01\/feuille-de-route-ce-qui-vous-attend-dans-la-version-2023-1-de-webstorm\/\">feuille de route<\/a>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Blog_image_800x400_WebStorm-2x.png\" alt=\"WebStorm 2023.1 EAP banner\" width=\"800\"><\/p>\n<p><strong>Important&nbsp;! Veuillez noter que les builds du programme d&#8217;acc\u00e8s anticipe de WebStorm EAP n&#8217;ont pas encore \u00e9t\u00e9 enti\u00e8rement test\u00e9s et peuvent \u00eatre instables.<\/strong><\/p>\n<p>L&#8217;application <a href=\"https:\/\/www.jetbrains.com\/fr-fr\/toolbox-app\/\" target=\"_blank\" rel=\"noopener\">Toolbox<\/a> est le moyen le plus simple d&#8217;obtenir les builds EAP et de maintenir votre version stable et votre version EAP \u00e0 jour. Vous pouvez \u00e9galement t\u00e9l\u00e9charger les builds EAP manuellement sur notre <a href=\"https:\/\/www.jetbrains.com\/fr-fr\/webstorm\/nextversion\/\" target=\"_blank\" rel=\"noopener\">site web<\/a>.<\/p>\n<p align=\"center\"><a class=\"jb-download-button\" href=\"https:\/\/www.jetbrains.com\/fr-fr\/webstorm\/nextversion\/\" target=\"_blank\" rel=\"noopener\">T\u00c9L\u00c9CHARGER L&#8217;EAP DE WEBSTORM 2023.1<\/a><\/p>\n<p>Vous trouverez ci-dessous la liste des am\u00e9liorations les plus significatives disponibles dans le premier EAP de WebStorm 2023.1. Essayez-le et faites-nous part de vos retours d&#8217;exp\u00e9rience en utilisant notre <a href=\"https:\/\/youtrack.jetbrains.com\/issues\/WEB\" target=\"_blank\" rel=\"noopener\">outil de suivi<\/a> ou la section commentaires ci-dessous.<\/p>\n<h2 id=\"refinements_to_the_new_ui\"><span id=\"Refinements_to_the_new_UI\" class=\"ez-toc-section\"><\/span>Am\u00e9liorations de la nouvelle interface utilisateur<\/h2>\n<p>WebStorm 2022.3 a introduit la possibilit\u00e9 de <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2022\/09\/webstorm-2022-3-eap1\/#new_ui_available_via_a_setting\">basculer vers la nouvelle interface utilisateur<\/a> en utilisant l&#8217;option <em>Enable new UI<\/em> dans <em> Preferences \/ Settings | Appearance &amp; Behavior | <\/em><em>New UI<\/em>. Nous avons invit\u00e9 les utilisateurs \u00e0 l&#8217;essayer et \u00e0 nous donner leur avis et nous tenons \u00e0 remercier tous ceux qui ont pris le temps de nous signaler les probl\u00e8mes qu&#8217;ils ont rencontr\u00e9s. Nous allons affiner et mettre \u00e0 jour la nouvelle interface utilisateur sur la base de ces commentaires tout au long du cycle de publications de WebStorm 2023.1.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/New-UI-2.png\" alt=\"Image of the new UI\" width=\"800\"><\/p>\n<p>Voici quelques-unes des mises \u00e0 jour de l&#8217;interface utilisateur disponibles dans l&#8217;EAP #1 :<\/p>\n<ul>\n<li>Nous avons corrig\u00e9 le comportement des boutons de la fen\u00eatre d&#8217;outils. Les boutons apparaissent lorsque vous survolez les \u00e9l\u00e9ments de la fen\u00eatre et disparaissent lorsque le curseur s&#8217;en \u00e9loigne (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/IDEA-303508\/Tool-window-buttons-like-minimize-are-not-always-shown-on-hover-or-dont-hide-when-mouse-moved-away\" target=\"_blank\" rel=\"noopener\">IDEA-303508<\/a>).<\/li>\n<li>Le nom du fichier sur lequel vous \u00eates en train de travailler est d\u00e9sormais affich\u00e9 dans la barre de titre de la nouvelle interface utilisateur lorsque les onglets de l&#8217;\u00e9diteur sont d\u00e9finis comme masqu\u00e9s (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/IDEA-303114\/No-file-name-of-the-active-file-in-new-UI\" target=\"_blank\" rel=\"noopener\">IDEA-303114<\/a>).<\/li>\n<li>Nous avons ajout\u00e9 une action <em>Fetch<\/em> \u00e0 la fen\u00eatre contextuelle <em>Branches<\/em> (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/IDEA-277729\/Experimental-UI-Branch-popup-missing-Fetch-action\" target=\"_blank\" rel=\"noopener\">IDEA-277729<\/a>).<\/li>\n<\/ul>\n<p>L&#8217;EAP #1 contient des corrections pour plus de 40 probl\u00e8mes li\u00e9s \u00e0 la nouvelle interface utilisateur. Vous pouvez continuer \u00e0 nous signaler tout probl\u00e8me via notre <a href=\"https:\/\/youtrack.jetbrains.com\/issues\/WEB\" target=\"_blank\" rel=\"noopener\">outil de suivi<\/a>. Nous perfectionnerons encore l&#8217;interface en fonction de vos commentaires.<\/p>\n<h2 id=\"amended_settings_sync_solution\"><span id=\"Amended_Settings_Sync_solution\" class=\"ez-toc-section\"><\/span>Modification de la solution <em>Settings Sync<\/em><\/h2>\n<p>Nous avons travaill\u00e9 \u00e0 l&#8217;am\u00e9lioration d&#8217;une autre fonctionnalit\u00e9 r\u00e9cente, introduite dans WebStorm 2022.3 : <a href=\"https:\/\/blog.jetbrains.com\/webstorm\/2022\/10\/webstorm-2022-3-eap-3\/#new_settings_sync_solution\"><em>Settings Sync<\/em><\/a>. L&#8217;objectif de cette nouvelle solution est de simplifier le processus de synchronisation de vos param\u00e8tres personnalis\u00e9s entre les IDE sur plusieurs ordinateurs, mais certains cas d&#8217;utilisation n&#8217;\u00e9taient pas pris en charge.<\/p>\n<p>Par exemple, <em>Settings Sync<\/em> ne faisait pas de diff\u00e9rence entre les IDE, les param\u00e8tres configur\u00e9s dans un IDE, tels que les plugins, risquaient donc d&#8217;\u00eatre synchronis\u00e9s dans tous vos IDE.<\/p>\n<p>Pour r\u00e9soudre ce probl\u00e8me dans WebStorm 2023.1, nous avons introduit une option <em>Enable sync across different types of IDEs<\/em> dans<em> Preferences \/ Settings | Settings Sync<\/em>. Cette option vous permet d&#8217;activer ou de d\u00e9sactiver la synchronisation des param\u00e8tres entre diff\u00e9rents IDE. Elle est d\u00e9sactiv\u00e9e par d\u00e9faut, de sorte que les param\u00e8tres ne seront synchronis\u00e9s qu&#8217;entre des produits identiques.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Settings-sync.png\" alt=\"Image of the Settings Sync settings page \" width=\"800\"><\/p>\n<h2 id=\"improved_user_experience\"><span id=\"Improved_user_experience\" class=\"ez-toc-section\"><\/span>Am\u00e9liorations de l&#8217;exp\u00e9rience utilisateur<\/h2>\n<h3 id=\"full_ide_zoom\">Zoom complet dans l&#8217;IDE<\/h3>\n<p>Il est maintenant possible de faire un zoom avant et arri\u00e8re qui augmente ou r\u00e9duit la taille de tous les \u00e9l\u00e9ments de l&#8217;interface utilisateur de WebStorm en m\u00eame temps. Dans le menu principal, s\u00e9lectionnez <em>View | Appearance<\/em> et ajustez la mise \u00e0 l&#8217;\u00e9chelle de l&#8217;IDE.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Zoom-out-IDE.png\" alt=\"Example using the Zoom In feature\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Zoom-out-IDE.gif\" width=\"800\"><\/p>\n<h3 id=\"new_remember_size_for_each_tool_window_setting\">Nouveau param\u00e8tre <em>Remember size for each tool window<\/em><\/h3>\n<p>Nous avons introduit une nouvelle option de mise en page qui vous permet d&#8217;unifier la largeur des fen\u00eatres d&#8217;outils lat\u00e9rales ou de conserver la possibilit\u00e9 d&#8217;ajuster librement leur taille lorsque vous personnalisez votre mise en page. La nouvelle case \u00e0 cocher <em>Remember size for each tool<\/em> se trouve dans <em>Preferences \/ Settings | Appearance | Appearance &amp; Behavior | Tool Windows<\/em>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Unified-tool-window-widths.png\" alt=\"Example using the tool window sizes\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Unified-tool-window-widths.gif\" width=\"800\"><\/p>\n<p>Dans la nouvelle interface utilisateur, ce param\u00e8tre est d\u00e9sactiv\u00e9 par d\u00e9faut, les fen\u00eatres d&#8217;outils sont donc affich\u00e9es avec une largeur unifi\u00e9e et que leur taille reste constante lorsque vous passez de l&#8217;une \u00e0 l&#8217;autre. Dans l&#8217;ancienne interface utilisateur, l&#8217;option est activ\u00e9e, de sorte que les fen\u00eatres d&#8217;outils sont de largeur diff\u00e9rente par d\u00e9faut. Vous pouvez toutefois leur donner une largeur identique \u00e0 tout moment en d\u00e9sactivant simplement ce param\u00e8tre.<\/p>\n<h2 id=\"new_angular_feature\"><span id=\"New_Angular_feature\" class=\"ez-toc-section\"><\/span>Nouvelle fonctionnalit\u00e9 pour Angular<\/h2>\n<p>WebStorm 2023.1 apporte une nouvelle fonctionnalit\u00e9 pour Angular : lorsque vous travaillez avec des symboles globaux et export\u00e9s dans le mod\u00e8le Angular, WebStorm ajoute automatiquement un import pour eux dans votre composant lors de la compl\u00e9tion de code ou de l&#8217;utilisation d&#8217;un correctif rapide.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Add-import-statement.png\" alt=\"showing automatic import being added to Angular component\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Add-import-statement.gif\" width=\"800\"><\/p>\n<h2 id=\"improvements_for_markdown\"><span id=\"Improvements_for_Markdown\" class=\"ez-toc-section\"><\/span>Am\u00e9liorations pour Markdown<\/h2>\n<h3 id=\"new_intention_action_to_reformat_tables_in_markdown_files\">Nouvelle action d&#8217;intention pour reformater les tableaux dans les fichiers Markdown<\/h3>\n<p>Une nouvelle action d&#8217;intention vous permet de corriger le formatage des tableaux dans les fichiers Markdown. Vous pouvez acc\u00e9der au correctif rapide en utilisant le raccourci <em>Context actions<\/em> shortcut (<em>\u2325 \u23ce <\/em>\/<em> Alt+Enter<\/em>) ou en appuyant sur l&#8217;ic\u00f4ne ampoule et en s\u00e9lectionnant <em>Reformat table <\/em> dans la liste.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Reformat-tables-intention-action.png\" alt=\"Whos a markdown table being reformatted when using the new reformat action\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Reformat-tables-intention-action.gif\" width=\"800\"><\/p>\n<h3 id=\"fill_paragraph_action_for_markdown_files\">Action Fill Paragraph pour les fichiers Markdown<\/h3>\n<p>L&#8217;action de l&#8217;\u00e9diteur <em>Fill Paragraph<\/em> est maintenant prise en charge pour les fichiers Markdown, ce qui permet de diviser facilement de longs textes en plusieurs lignes de largeur \u00e9gale. Pour ce faire, placez le curseur dans le paragraphe que vous voulez modifier et appelez l&#8217;action \u00e0 partir du menu <em>Edit<\/em> ou recherchez la commande <em>Fill Paragraph<\/em> via <em>Find Action<\/em> (<em>\u21e7\u2318A <\/em>\/<em> Ctrl+Shift+A<\/em>) et ex\u00e9cutez-la.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Fill-paragraph.png\" alt=\"Showing the Fill paragraph action being used on a paragraph of markdown text\" data-gif-src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Fill-paragraph.gif\" width=\"800\"><\/p>\n<h3 id=\"new_smart_keys_settings_page_for_markdown\">Nouvelle page de param\u00e8tres Smart Keys pour Markdown<\/h3>\n<p>Nous avons ajout\u00e9 une page d\u00e9di\u00e9e \u00e0 la configuration et \u00e0 la modification de vos pr\u00e9f\u00e9rences pour Markdown dans <em>Preferences \/ Settings | Editor | General | Smart Keys<\/em>. Cette page a pour but de faciliter la gestion des pr\u00e9f\u00e9rences en proposant des cases \u00e0 cocher distinctes pour les diverses fonctionnalit\u00e9s de l&#8217;\u00e9diteur, au lieu de la case \u00e0 cocher unique qui se trouvait pr\u00e9c\u00e9demment dans <em>Preferences \/ Settings | Languages &amp; Frameworks.<\/em><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2023\/01\/Smart-key-settings.png\" alt=\"image of the Smart Keys settings page \" width=\"800\"><\/p>\n<h2 id=\"other_notable_features\"><span id=\"Other_notable_features\" class=\"ez-toc-section\"><\/span>Autres fonctionnalit\u00e9s notables<\/h2>\n<ul>\n<li>Nous avons ajout\u00e9 la prise en charge du nouveau syst\u00e8me de configuration d&#8217;ESLint, surnomm\u00e9 flat config. Les fichiers de configuration <code>eslint.config.js<\/code> sont d\u00e9sormais d\u00e9tect\u00e9s (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-57661\" target=\"_blank\" rel=\"noopener\">WEB-57661<\/a>).<\/li>\n<li>Nous avons ajout\u00e9 un correctif rapide create selector pour <code>className<\/code> en JSX (<a href=\"https:\/\/youtrack.jetbrains.com\/issue\/WEB-52321\" target=\"_blank\" rel=\"noopener\">WEB-52321<\/a>).<\/li>\n<\/ul>\n<p>C&#8217;est tout pour aujourd&#8217;hui&nbsp;! Pour voir la liste compl\u00e8te des derni\u00e8res am\u00e9liorations disponibles dans l&#8217;EAP #1 de WebStorm 2023.1, consultez les <a href=\"https:\/\/youtrack.jetbrains.com\/articles\/WEB-A-233538392\/WebStorm-231.4840.391-Release-Notes\" target=\"_blank\" rel=\"noopener\">notes de version<\/a>. Nous vous invitons \u00e0 t\u00e9l\u00e9charger gratuitement les builds de cet EAP en parall\u00e8le de votre version actuelle et \u00e0 essayer ces nouvelles fonctionnalit\u00e9s. Si vous rencontrez des bugs, merci de nous les signaler via notre <a href=\"https:\/\/youtrack.jetbrains.com\/issues\/WEB\" target=\"_blank\" rel=\"noopener\">outil de suivi<\/a>.<\/p>\n<p><em>L&#8217;\u00c9quipe WebStorm<\/em><\/p>\n<p><em>Article original en anglais de<\/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":313746,"comment_status":"closed","ping_status":"closed","template":"","categories":[826],"tags":[91,7169],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webstorm\/317736"}],"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=317736"}],"version-history":[{"count":10,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webstorm\/317736\/revisions"}],"predecessor-version":[{"id":317749,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/webstorm\/317736\/revisions\/317749"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media\/313746"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media?parent=317736"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/categories?post=317736"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/tags?post=317736"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/cross-post-tag?post=317736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}