{"id":34131,"date":"2019-01-03T15:24:04","date_gmt":"2019-01-03T14:24:04","guid":{"rendered":"https:\/\/blog.jetbrains.com\/fr\/?p=242"},"modified":"2019-01-03T15:24:04","modified_gmt":"2019-01-03T14:24:04","slug":"webstorm-2018-3-prise-en-charge-dangular-et-auto-imports-ameliores-requetes-pull-github-et-plus-encore","status":"publish","type":"post","link":"https:\/\/blog.jetbrains.com\/fr\/2019\/01\/03\/webstorm-2018-3-prise-en-charge-dangular-et-auto-imports-ameliores-requetes-pull-github-et-plus-encore\/","title":{"rendered":"WebStorm 2018.3\u00a0: prise en charge d’Angular et auto-imports am\u00e9lior\u00e9s, requ\u00eates Pull GitHub, et plus encore"},"content":{"rendered":"\u2b50\ufe0f  WebStorm 2018.3 est disponible\u00a0! \u2b50\ufe0f\r\n\r\nWebStorm 2018.3 propose de nombreuses nouvelles fonctionnalit\u00e9s et des am\u00e9liorations \u00e0 tous les niveaux. Am\u00e9lioration de la prise en charge d'Angular, requ\u00eates Pull GitHub, d\u00e9bogage des worker threads Node.js et bien d'autres nouveaut\u00e9s vous attendent\u00a0!\r\n\r\nD\u00e9couvrez ses principales nouveaut\u00e9s et t\u00e9l\u00e9chargez WebStorm 2018.3 sur notre site web.\r\n\r\nDans cet article, nous vous proposons une description d\u00e9taill\u00e9e des mises \u00e0 jour r\u00e9alis\u00e9es pour cette version 2018.3 de WebStorm. Cela inclut une compilation des articles EAP que nous avons publi\u00e9 ces deux derniers mois.\r\n\r\nVoici les nouvelles fonctionnalit\u00e9s et am\u00e9liorations de WebStorm :\r\n\r\n\tPrise en charge de JavaScript et TypeScript\u00a0: auto-imports en JavaScript pour les symboles des d\u00e9pendances du projet\u2019s, astuces de param\u00e9trage en JavaScript, conversion en variable avec la fonction fl\u00e8che, meilleurs \u2018null\u2019 et undefined\u2018\u2019 v\u00e9rifications, suggestions de noms de variable et TypeScript 3.1.\r\n\tPrise en charge de HTML et JSON\u00a0: inspections d'accessibilit\u00e9 pour HTML, action Remove am\u00e9lior\u00e9e pour les balises HTML et JSX et am\u00e9liorations de la prise en charge de JSON.\r\n\tFeuilles de style\u00a0: extraire des r\u00e8gles et les d\u00e9placer vers un autre fichier, nouvelles options de style de code et inspection mise \u00e0 jour pour les propri\u00e9t\u00e9s des abr\u00e9viations CSS.\r\n\tD\u00e9veloppement avec Angular\u00a0: am\u00e9liorations majeures de la prise en charge des templates Angular et des corrections dans AngularJS.\r\n\tD\u00e9veloppement avec React\u00a0: ex\u00e9cution des m\u00e9thodes de cycle de vie et nouvelle inspection pour les composants non d\u00e9finis.\r\n\tD\u00e9veloppement avec Vue.js : prise en charge de Vuetify.\r\n\tD\u00e9veloppement Node.js\u00a0: ex\u00e9cution en package.json pour les pr\u00e9c\u00e9dentes versions et d\u00e9bogage des worker threads Node.js.\r\n\tEditeur\u00a0: Todos multilignes, commande taille dans la barre d\u2019\u00e9tat et d\u00e9sactivation du formatage de code pour des fichiers et dossiers sp\u00e9cifiques.\r\n\tAccessibilit\u00e9\u00a0: interface utilisateur avec un nouveau th\u00e8me \u00e0 fort contraste et prise en charge du lecteur d'\u00e9cran pour les ic\u00f4nes de goutti\u00e8re.\r\n\tContr\u00f4le de version\u00a0: sous-modules Git, fen\u00eatre outil pour les requ\u00eates Pull GitHub et meilleure prise en charge des hooks de pre-commit.\r\n\tInt\u00e9grations des linters\u00a0: supprimer les commentaires pour les r\u00e8gles TSLint, ESLint pour les fichiers TypeScript et option pour modifier la gravit\u00e9 de la configuration d'ESLint ou TSLint.\r\n\tD\u00e9bogage : Live Edit sans extension Chrome et ajout de multiples variables aux surveillances du d\u00e9bogueur\u2019.\r\n\tTester\u00a0: affichage de la Structure de test des fichiers, Go to failure pour les tests et ex\u00e9cution d'un seul test Protractor ou d'une suite de tests.\r\n\tAutres am\u00e9liorations de l'EDI\u00a0: Search popup unifi\u00e9, nouvelle configuration du plugin et possibilit\u00e9 de glisser le dossier vers l\u2019\u00e9cran de bienvenue pour l\u2019ouvrir.\r\n\r\nT\u00e9l\u00e9charger WebStorm 2018.3\r\n\r\nPrise en charge de JavaScript et de TypeScript\r\nAuto-import des symboles depuis les d\u00e9pendances du projet\r\nNous avons \u00e9tendu les auto-imports dans les fichiers JavaScript aux symboles d\u00e9finis dans les d\u00e9pendances du projet. Cela fonctionne si il existe un fichier de d\u00e9finition TypeScript pr\u00e9sent dans le package (comme dans moment ou redux) ou si le package contient les sources \u00e9crites sous forme de modules ES.\r\n\r\n\r\n\r\nEt bien s\u00fbr, les auto-imports en JavaScript fonctionnent pour les symboles export\u00e9s dans les modules ES dans votre projet.\r\nAstuces de param\u00e9trage en JavaScript\r\nSi vous travaillez avec des fichiers TypeScript dans WebStorm, vous devez d\u00e9j\u00e0 conna\u00eetre les astuces de param\u00e9trage qui vous indiquent les noms des param\u00e8tres d'une m\u00e9thode. Dor\u00e9navant, des astuces de param\u00e9trage similaires sont aussi disponibles dans les fichiers JavaScript\u00a0!\r\n\r\n\r\n\r\nVous pouvez configurer leurs modalit\u00e9s de fonctionnement ou les d\u00e9sactiver dans Preferences | Editor | General | Appearance \u2013 Show parameter name hints. Faites-nous savoir ce que vous pensez de cette fonctionnalit\u00e9\u00a0!\r\nConvertir une fonction en variable avec la fonction fl\u00e8che\r\nVous pouvez maintenant convertir tr\u00e8s facilement une fonction en une variable qui comprend une fonction fl\u00e8che. Il suffit d'utiliser Alt + entr\u00e9e sur le nom dans la d\u00e9finition de la fonction et de s\u00e9lectionner l\u2019intention correspondante\u00a0!\r\n\r\n\r\n\r\nLa nouvelle intention fonctionne aussi pour les m\u00e9thodes dans les classes. Voici un exemple avec un composant React\u00a0: substituer une fonction fl\u00e8che pour le gestionnaire d\u2019\u00e9v\u00e9nements avec le champ et vous pouvez maintenant supprimer la liaison dans le constructeur.\r\n\r\n\r\nMeilleure v\u00e9rification\u00a0des \u00ab\u00a0null\u00a0\u00bb et \u00ab\u00a0undefined\u00a0\u00bb\r\nAvec la nouvelle inspection Object dans \u00ab\u00a0null\u00a0\u00bb ou \u00ab\u00a0undefined\u00a0\u00bb, WebStorm peut maintenant mieux d\u00e9tecter les situations dans lesquelles vous obtiendrez un TypeError parce qu\u2019une m\u00e9thode est appel\u00e9e sur une valeur undefined ou null, ou parce qu'elle est transmise \u00e0 une fonction, ou que sa propri\u00e9t\u00e9 est utilis\u00e9e. ","protected":false},"excerpt":{"rendered":"\u2b50\ufe0f  WebStorm 2018.3 est disponible\u00a0! \u2b50\ufe0fWebStorm 2018.3 propose de nombreuses nouvelles fonctionnalit\u00e9s et des am\u00e9liorations \u00e0 tous les niveaux. Am\u00e9lioration de la prise en charge d'Angular, requ\u00eat","protected":false},"author":{"name":"Delphine Massenhove","link":"https:\/\/blog.jetbrains.com\/fr\/author\/delphine-massenhovejetbrains-com"},"featured_media":34132,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[907],"tags":[477,5630],"cross-post-tag":[],"acf":[],"featured_image":"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2019\/01\/fr-ext.jpg","_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/posts\/34131"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/users\/813"},{"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=34131"}],"version-history":[{"count":0,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/posts\/34131\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media\/34132"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media?parent=34131"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/categories?post=34131"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/tags?post=34131"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/cross-post-tag?post=34131"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}