Environnement de développement : WebStorm 201.2 est actionniste lors de l’enregistrement

Publié le 28 juillet 2021 par Mycamer

JetBrains ouvre traditionnellement le cycle de mises à jour des environnements de développement avec WebStorm. La version 201.2 maintenant publiée met également à jour l’aperçu dans le navigateur lors de l’enregistrement, même au-delà du mode d’édition en direct. De plus, les actions que l’IDE prend en charge avant l’enregistrement sont désormais résumées en un seul endroit. La documentation dans JSDoc peut désormais contenir des informations de type TypeScript, et les importations automatiques s’étendent au-delà de celles d’ES6.

Actionnisme dans l’épargne

WebStorm dispose depuis longtemps d’un serveur Web intégré qui permet de prévisualiser les fichiers HTML dans n’importe quel navigateur. L’IDE a récemment mis à jour le Voir | Ouvrir dans le navigateur page ouverte automatiquement lorsque les développeurs enregistrent le contenu HTML, CSS ou JavaScript associé. La procédure est similaire à la fonction d’édition en directqui, cependant, est limité à Chrome et au mode de débogage.

La vue Préférences/Paramètres | Outils | Actions sur Enregistrer regroupe désormais toutes les actions que WebStorm doit effectuer automatiquement lors de l’enregistrement des fichiers. En plus des fonctions déjà disponibles dans les anciennes versions, telles que l’exécution de l’outil de formatage de code Prettier, les importations peuvent être optimisées ou le code reformaté, entre autres.

</p> <p><img alt="" decoding="async" height="311" loading="lazy" srcset=" https://heise.cloudimg.io/width/336/q30.png-lossy-30.webp-lossy-30.foil1/_www-heise-de_/imgs/18/3/1/4/4/4/2/4/webstorm-actions-96c689bb864ec68b.png 336w, https://heise.cloudimg.io/width/1008/q30.png-lossy-30.webp-lossy-30.foil1/_www-heise-de_/imgs/18/3/1/4/4/4/2/4/webstorm-actions-96c689bb864ec68b.png 1008w, https://heise.cloudimg.io/width/1392/q30.png-lossy-30.webp-lossy-30.foil1/_www-heise-de_/imgs/18/3/1/4/4/4/2/4/webstorm-actions-96c689bb864ec68b.png 2x " width="696" src="https://marketresearchtelecast.com/wp-content/uploads/2021/07/Development-environment-WebStorm-20212-is-actionistic-when-saving.png" class="legacy-img lazyload" data-pagespeed-url-hash="31059146" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" /></p> <p><noscript><img alt="" class="legacy-img " decoding="async" height="311" loading="lazy" src="https://marketresearchtelecast.com/wp-content/uploads/2021/07/Development-environment-WebStorm-20212-is-actionistic-when-saving.png" srcset=" https://heise.cloudimg.io/width/336/q30.png-lossy-30.webp-lossy-30.foil1/_www-heise-de_/imgs/18/3/1/4/4/4/2/4/webstorm-actions-96c689bb864ec68b.png 336w, https://heise.cloudimg.io/width/1008/q30.png-lossy-30.webp-lossy-30.foil1/_www-heise-de_/imgs/18/3/1/4/4/4/2/4/webstorm-actions-96c689bb864ec68b.png 1008w, https://heise.cloudimg.io/width/1392/q30.png-lossy-30.webp-lossy-30.foil1/_www-heise-de_/imgs/18/3/1/4/4/4/2/4/webstorm-actions-96c689bb864ec68b.png 2x " width="696" data-pagespeed-url-hash="506889630" />

Le reformatage nouvellement introduit du code peut être effectué pour l’ensemble du fichier ou uniquement pour les lignes modifiées.

(Image : JetBrains)

Un gars bien documenté

Après que la version précédente ait déjà apporté quelques ajouts pour JSDoc, la version actuelle étend l’intégration des informations de type dans les commentaires. Il reconnaît la syntaxe TypeScript dans les blocs JSDoc dans les fichiers .js et les utilise pour refléter les définitions de type. L’EDI connaît également des constructions syntaxiques supplémentaires et peut désormais inclure des propriétés facultatives dans typedef– Afficher correctement les déclarations.

L’environnement de développement peut évaluer les déclarations de type de TypeScript dans les commentaires JSDoc dans les fichiers .js.

(Image : JetBrains)

De plus, l’IDE étend l’inclusion des importations automatiques au-delà des modules ES6. WebStorm 2021.2 ajoute require-Instructions sur l’autocomplétion.

Avec la combinaison de touches Strg | Alt | J un bloc de code marqué peut être converti en fonction de flèche. L’abréviation arf convertit l’environnement de développement lorsque vous appuyez sur le LanguetteTouche à une fonction de flèche vide.

Autres nouveautés de la version 201.2 comme la vérification du code avant un commit et l’onglet aperçu dans le débogueur peut être trouvé sur le blog WebStorm. JetBrains propose tous les IDE dans un modèle d’abonnement, le prix diminuant au cours des trois premières années. Tempête Web les coûts de la première année pour les développeurs individuels 59 euros et pour les entreprises 129 euros par poste développeur. A partir de la troisième année le prix annuel est de 35 euros soit 77 euros par utilisateur. Contrairement à IntelliJ IDEA, il n’existe pas de version gratuite pour WebStorm. Cependant, les opérateurs de projets open source, les élèves, les étudiants et les enseignants ainsi que les organisations à but non lucratif peuvent obtenir une variante gratuite demander la boîte à outils JetBrains complète.


(rme)

Source de l’article

Clause de non-responsabilité : cet article est généré à partir du flux et n’est pas modifié par notre équipe.

— to marketresearchtelecast.com