Nouveautés de WebStorm 2024.1

WebStorm 2024.1 inclut la fonctionnalité de lignes épinglées pour vous aider à naviguer dans des fichiers volumineux sans perdre le contexte. Cette fonctionnalité permet d'épingler des éléments structurels clés comme les déclarations de fonction ou de classe, en haut de votre éditeur pendant que vous faites défiler le code. Vous pouvez la personnaliser dans Settings | Editor | General | Appearance.

La fenêtre contextuelle de documentation rapide améliore ses fonctionnalités dans WebStorm 2024.1. Elle prend en charge la mise en évidence de la syntaxe pour les blocs de code et s’intègre aux résultats de la saisie semi-automatique de code. Elle affiche maintenant les membres d'interface, les constantes des enums et les corps d'alias de type. Vous pouvez utiliser le lien Show more pour accéder à la liste complète des membres de type et naviguer entre de multiples déclarations grâce au contrôle de pagination.

Nous avons ajouté un nouveau type de saisie semi-automatique : des suggestions grisées sur une seule ligne qui complètent les lignes en fonction du contexte du fichier actuel. Ces suggestions sont alimentées par des modèles de langage spécialisés formés pour différents langages et frameworks. Ces LLM s’exécutent localement, sans envoyer de code sur Internet. Cette fonctionnalité est incluse dans l'abonnement à la licence WebStorm standard.

Vue Language Server est désormais activé par défaut pour tous les projets Vue, y compris pour les projets basés sur Nuxt. Il présente certaines limitations connues dans les projets Vue 2. Si vous travaillez avec ce type de projets, vous pouvez choisir de ne pas utiliser le serveur dans Settings | Languages & Frameworks | TypeScript | Vue.

WebStorm fournit désormais des indications dans l’éditeur concernant les occurrences des composants pour les fichiers Vue, Svelte et Astro, pour vous aider à localiser rapidement toutes les utilisations d'un composant spécifique dans un projet.

Vous trouverez le nouveau widget Language Services dans la barre d’état. Il fournit des informations sur les services de langage actifs pour le fichier et le projet en cours. Vous pouvez redémarrer les services ou accéder à leurs paramètres directement à partir de ce widget.

La version 2024.1 apporte un moteur TypeScript expérimental, que vous pouvez activer ou désactiver dans Settings | Languages & Frameworks | TypeScript. L'objectif de ce nouveau moteur est de résoudre les problèmes de compatibilité et d'améliorer les performances. Actuellement, la nouvelle approche s'applique à TypeScript et à Vue. Pour en savoir plus, lisez cet article.

WebStorm 2024.1 inaugure plusieurs nouveaux correctifs rapides pour React permettant de créer des props et des states à la volée. Vous pouvez appliquer ces correctifs avec le raccourci Alt+Entrée. Lisez cet article de blog pour en savoir plus.

La fenêtre d’outils Structure affiche maintenant les composants et les hooks React, ainsi que la structure JSX, y compris les nœuds pour le rendu conditionnel et de liste. De plus, les bibliothèques basées sur JSX telles que Preact et Solid sont prises en charge.

WebStorm 2024.1 améliore le processus de révision du code pour les utilisateurs de GitHub et de GitLab. Le nouveau mode de révision met en évidence les modifications avec marqueurs violets dans la gouttière, visibles par les auteurs et par les réviseurs. Vous pouvez engager des discussions directement dans l'éditeur en cliquant sur les icônes + ou Message afin de lancer de nouvelles discussions, ou d’afficher les commentaires et d’y répondre.

WebStorm 2024.1 introduit l'autocomplétion pour les contextes des GitHub Actions, notamment pour github.*, env.*, steps.* et inputs.*. Nous avons également ajouté la saisie semi-automatique pour les propriétés de configuration image et main de Docker.

WebStorm 2024.1 simplifie la révision du code avec une vue ciblée pour les modifications liées aux branches. Pour GitHub et GitLab, vous pouvez cliquer sur le nom de la branche dans la fenêtre d'outils Pull Requests et sélectionner Show in Git Log dans le menu. Cela ouvrira l'onglet Log, qui affichera toutes les modifications de la branche.

WebStorm 2024.1 apporte la prise en charge des réactions aux commentaires de révision pour les requêtes d’extraction GitHub et les requêtes de fusion GitLab. Vous pouvez maintenant utiliser tout un ensemble d'émoticônes pour ajouter des réactions à vos commentaires de révision du code.

Nous avons implémenté une nouvelle interface utilisateur de terminal, disponible dans Settings | Tools | Terminal | Enable New Terminal. Les commandes sont désormais présentées dans des blocs distincts, ce qui permet de naviguer facilement à l'aide des touches fléchées ou des raccourcis clavier (Ctrl+↑ et Ctrl+↓). Vous pouvez en outre profiter de la saisie semi-automatique du code pour les commandes, les chemins d’accès, les arguments et les options. Consultez cet article pour en savoir plus.

WebStorm 2024.1 offre un workflow plus pratique pour définir des points d'arrêt dans les lignes. Une fois que vous avez défini un point d'arrêt en cliquant sur la gouttière, l'IDE affiche automatiquement des marqueurs inline aux endroits où vous pouvez définir d’autres points d'arrêt. Chaque point d'arrêt peut être configuré individuellement, ce qui améliore les capacités de débogage.

WebStorm 2024.1 étend les possibilités de mise à l’échelle de l’IDE. Vous pouvez maintenant réduire l'échelle de l'interface de l'IDE à 70 %, en plus de l'ancienne plage de 100 % à 200 %. Cela permet d’ajuster facilement la taille de l'interface à la taille de l’écran et d’utiliser l’espace plus efficacement.

Le client HTTP utilise désormais la bibliothèque pour les réseaux de bas niveau, ce qui nous a permis d'implémenter la prise en charge de HTTP/2. Nous avons également ajouté de nouvelles options d'authentification, notamment PKCE Authorization Code Flow et Device Grant Flow, et amélioré la prise en charge des demandes de jetons et d'authentification.