Nouveautés de WebStorm 2024.3

Nous avons amélioré les conseils dans l'éditeur pour les composants Vue, Svelte et Astro. L'action Show component usages recherche désormais les utilisations dans les importations et dans les modèles de balisage. Nous avons également ajouté un filtre Show Component Usages pour exclure les utilisations de composants lors de la recherche de références de fichiers standard. La refactorisation Rename est maintenant dotée d'une option qui permet d'inclure les utilisations lors du renommage d'un fichier de composant.

La prise en charge des outils de base de données et de SQL, auparavant disponibles via un plugin payant, est désormais fournie avec WebStorm sans frais supplémentaires. Vous pouvez interroger, créer et gérer des bases de données directement dans l'IDE. Cela étend les capacités de WebStorm pour le développement backend et full-stack. La plupart des IDE JetBrains incluent maintenant cette fonctionnalité.

Nous avons cherché à répondre aux principales préoccupations des utilisateurs concernant la qualité de l'AI Assistant. Cette version améliore la saisie semi-automatique du code pour JavaScript et TypeScript et ajoute la prise en charge de HTML et CSS. La combinaison des suggestions locales de lignes entières et des suggestions cloud provenant des LLM internes de JetBrains améliore la vitesse et la précision, tout en réduisant le nombre de suggestions non pertinentes.

Pour plus de détails, consultez cet article.

L'aperçu des couleurs pour les classes CSS Tailwind s'affiche désormais inline dans l'éditeur, ce qui facilite la distinction des couleurs. Nous avons ajouté la prise en charge de la méthode textDocument/documentColor du Language Server Protocol (LSP), de sorte que tous les plugins basés sur LSP offrent désormais automatiquement cette fonctionnalité.

Pour les projets avec Angular 19, WebStorm passe désormais par défaut en mode autonome pour les composants, les directives et les pipes. Nous avons ajouté des correctifs rapides pour faciliter la conversion entre les composants autonomes et non autonomes. Les importations autonomes inutilisées peuvent être automatiquement supprimées pendant le reformatage du code ou via une nouvelle inspection. La prise en charge de la syntaxe @let a également été améliorée.

WebStorm gère désormais correctement les fichiers .prettierignore dans les sous-dossiers avec un package.json, afin de garantir que les fichiers ignorés ne soient pas formatés. Une nouvelle option vous permet de spécifier les fichiers à ignorer dans Settings | Languages & Frameworks | JavaScript | Prettier.

Le serveur de langage Vue est désormais intégré à WebStorm, ce qui améliore la fiabilité du service et évite les problèmes de chargement sur WSL. À l'avenir, nous prévoyons de faire de même pour Svelte, Astro et d'autres technologies.

Nous avons ajouté la prise en charge de l'attribut <script module>, afin d'assurer que les symboles de ces blocs soient correctement résolus. Vous trouverez en outre une nouvelle case à cocher qui permet de désactiver les avertissements SvelteKit a11y, vous donnant ainsi plus de contrôle sur les avertissements d'accessibilité.

Nous avons optimisé le placement de l'action Rename dans le menu contextuel lorsqu'elle est appelée sur des éléments dans l'éditeur et la fenêtre d'outils Project. L'action se situe désormais au niveau supérieur, ce qui facilite le renommage rapide des fichiers, variables et autres éléments.

WebStorm exclut désormais les résultats node_modules par défaut lors de l'utilisation de Find in Files dans les répertoires du projet, ce qui réduit l'encombrement dû aux fichiers non pertinents. Vous pouvez restaurer le comportement précédent en activant l'option Search in library files when “Directory” is selected in Find in Files dans Settings | Advanced Settings.

Par défaut, WebStorm va désormais automatiquement mettre en évidence toutes les instances du texte que vous sélectionnez dans un fichier. Cela facilite le repérage des endroits où le texte sélectionné apparaît dans votre code. Vous pouvez personnaliser cette fonctionnalité dans Settings | Editor | General | Appearance.

Auparavant, le dossier .idea (l'emplacement où WebStorm stocke les paramètres de configuration internes) était masqué par défaut. Cela rendait plus difficile pour certains utilisateurs de de faire des commits des configurations à l'échelle du projet. Pour résoudre ce problème, nous l'avons rendu visible dans la fenêtre d'outils Project.

WebStorm exclut désormais automatiquement les fichiers inutiles dans le dossier dist de l'indexation pour optimiser l'utilisation du processeur et réduire la durée d'indexation.

Vous pouvez désormais gérer les vérifications en arrière-plan pendant le processus de commit à l'aide d'une nouvelle option dans Settings | Version Control | Commit | Advanced Commit Checks | Run advanced checks after a commit is done. Ce paramètre vous permet de décider si des tests et des inspections doivent être exécutés après un commit. Si vous souhaitez attendre la fin de ces vérifications, désactivez simplement cette option.