C'est en fin novembre que JetBrains a publié WebStorm 2022.3, la dernière mise à jour majeure de l'année 2022 de son EDI pour les développeurs JavaScript. Cette version est venue avec un tas de nouvelles fonctionnalités, y compris la preview de la nouvelle interface utilisateur des EDI JetBrains et la prise en charge de Vitest. Les autres nouveautés incluent les modèles de projets pour Vite et Next.js, Code Vision pour JavaScript et TypeScript, la prise en charge de la réduction des types (narrowing) pour les modèles Angular et des mises à jour pour Vue.JetBrains lance maintenant le programme d'accès anticipé (EAP) à WebStorm 2023.1. La première version EAP vient avec un bon lot de nouveautés et améliorations, mais nous nous limiterons ici aux plus importantes.
Améliorations apportées à la nouvelle interface utilisateur
WebStorm 2022.3 a introduit la possibilité de basculer vers la nouvelle interface utilisateur à l'aide de l'option Enable new UI dans Preferences / Settings | Appearance & Behavior | New UI. L'éditeur de logiciels pour développeurs a invité les utilisateurs à l'essayer et à lui faire part de leurs commentaires. Sur la base des retours utilisateurs, JetBrains va affiner et mettre à jour la nouvelle interface utilisateur tout au long du cycle de publication de WebStorm 2023.1.
Voici quelques-unes des nouvelles mises à jour de l'interface utilisateur qui ont fait leur entrée dans la version EAP #1 :
- JetBrains a corrigé le comportement des boutons de la fenêtre d'outils. Les boutons apparaissaient lorsque vous survoliez des éléments de la fenêtre et disparaissaient lorsque le curseur en était éloigné.
- Le nom du fichier en cours de traitement est désormais affiché dans la barre de titre de la nouvelle interface utilisateur lorsque les onglets de l'éditeur sont masqués.
- JetBrains a ajouté une action Fetch à la fenêtre contextuelle Branches.
La version EAP #1 contient des correctifs pour plus de 40 problèmes liés à la nouvelle interface utilisateur. JetBrains vous invite donc à continuer à signaler tout problème que vous rencontrez afin de lui permettre d'affiner la nouvelle UI de ses EDI.
Modification de la solution de synchronisation des paramètres (Settings Sync)
JetBrains a beaucoup travaillé sur l'amélioration d'une autre fonctionnalité récente introduite dans WebStorm 2022.3 - Settings Sync. Cette nouvelle solution était censée simplifier le processus de synchronisation de vos paramètres personnalisés entre les EDI sur plusieurs ordinateurs. Cependant, il y avait des cas d'utilisation que la solution d'origine ne prenait pas en charge.
Par exemple, la solution Settings Sync ne faisait pas de distinction entre les différents EDI. Cela signifiait que les paramètres configurés dans un EDI, tels que les plugins, seraient synchronisés sur tous vos EDI.
Pour corriger ce problème dans WebStorm 2023.1, JetBrains a introduit une option Enable sync across different types of IDEs dans Preferences / Settings | Settings Sync. Cette option vous permet d'activer ou de désactiver la synchronisation des paramètres entre différents produits EDI. Elle est désactivée par défaut, de sorte que les paramètres ne seront synchronisés qu'entre des produits identiques.
Expérience utilisateur
Zoom
Il est désormais possible de zoomer entièrement dans WebStorm, en augmentant ou en diminuant la taille de tous les éléments de l'interface utilisateur à la fois. Pour ce faire, dans le menu principal, sélectionnez View | Appearance et ajuster la mise à l'échelle de l'EDI.
Nouveau paramètre Remember size for each tool window
JetBrains a introduit une nouvelle option de mise en page qui vous permet d'unifier la largeur des fenêtres d'outils latérales ou de conserver la possibilité d'ajuster librement leurs tailles lorsque vous personnalisez votre mise en page. La nouvelle case à cocher Remember size for each tool window est disponible dans Settings/Preferences | Appearance | Appearance & Behavior | Tool Windows.
Dans la nouvelle interface utilisateur, le paramètre est désactivé par défaut, ce qui signifie que les fenêtres d'outils sont affichées avec la largeur unifiée et que leurs tailles restent constantes lorsque vous basculez entre elles. Dans l'ancienne interface utilisateur, l'option est activée, de sorte que les fenêtres d'outils ont des largeurs différentes, bien que vous puissiez choisir de les aligner à tout moment en désactivant simplement le paramètre.
Nouvelle fonctionnalité pour Angular
JetBrains a ajouté une nouvelle fonctionnalité pour Angular dans WebStorm 2023.1. Lorsque vous travaillez avec des symboles globaux et exportés dans le modèle Angular, WebStorm va ajouter automatiquement un import pour ceux-ci dans votre composant lors de la complétion de code ou lorsque vous utilisez un correctif rapide.
Améliorations pour Markdown
Nouvelle action d'intention pour reformater les tableaux dans les fichiers Markdown
Une nouvelle action d'intention permet de corriger la mise en forme des tableaux dans les fichiers Markdown. Vous pouvez accéder au correctif rapide via le raccourci Context actions (⌥⏎ / Alt+Entrée) ou en appuyant sur l'icône représentant une ampoule jaune et en sélectionnant Reformat code dans la liste qui s'affiche.
Fill Paragraph pour les fichiers Markdown
L'action de l'éditeur Fill Paragraph est désormais prise en charge pour les fichiers Markdown, ce qui vous permet de diviser les textes longs en plusieurs lignes de même longueur. Pour ce faire, placez le curseur à l'intérieur du paragraphe que vous souhaitez modifier et appelez l'action à partir du menu Edit ou recherchez la commande Fill Paragraph à l'aide de Find Action (⇧⌘A / Ctrl+Maj+A) et exécutez-la.
Nouvelle page de paramètres Smart Keys pour Markdown
JetBrains a ajouté une page dédiée pour configurer et modifier vos préférences Markdown dans Settings/Preferences | Editor | General | Smart Keys. Cette page devrait faciliter la gestion de vos préférences, car elle fournit des cases à cocher distinctes pour diverses fonctionnalités de l'éditeur, remplaçant la case à cocher unique précédemment située dans Settings/Preferences | Languages & Frameworks.
Autres fonctionnalités notables
- JetBrains a ajouté la prise en charge du nouveau système de configuration d'ESLint surnommé flat config. Les fichiers de configuration eslint.config.js sont maintenant détectés.
- JetBrains a également implémenté un correctif rapide create selector pour className en JSX.
Voici présentées les principales nouveautés et améliorations introduites dans la première version EAP de WebStorm 2023.1. Vous pouvez consulter les notes de publication pour la liste complète des dernières améliorations disponibles dans WebStorm 2023.1 EAP #1.
Les versions EAP sont disponibles en téléchargement à partir du site Web de l'EDI. Vous pouvez également les obtenir à partir de l'application gratuite Toolbox ou utiliser des snaps si vous utilisez Ubuntu.
Télécharger la dernière version EAP de WebStorm