Assistance intelligente au codage

WebStorm vous aide à écrire du code de grande qualité. Son éditeur intelligent avec saisie automatique du code, analyse de code à la volée, mise en forme du code et refactorisations améliore votre productivité et vous procure une expérience de développement inédite.

Langages et frameworks pris en charge

WebStorm vous fournit une assistance au codage hors pair pour JavaScript,ECMAScript 6, TypeScript, CoffeeScript, Dart et Flow.

Il vous aide dans l’écriture de code HTML, CSS, Less, Sass, et Stylus.

En plus de tout cela, vous pouvez bénéficier d'une prise en charge avancée pour Node.js et des frameworks populaires comme React, Angular, Vue.js, Meteor, entre autres.

Saisie automatique du code

WebStorm analyse votre projet pour fournir les meilleures résultats de saisie automatique de code pour toutes les méthodes, fonctions, modules, variables et classes définis dans votre application. L'assistance au codage prend en compte le contexte et peut s'adapter au framework.

Profitez de la saisie automatique du code pour les propriétés et leurs valeurs quand vous travaillez avec CSS. Dans Less et Sass, obtenez de l'assistance pour les mixins. Et bien sûr, vous pouvez bénéficier de la saisie automatique du code pour toutes les balises et tous les attributs dans HTML.

Carets et sélections multiples

WebStorm a, lui aussi, les carets et sélections multiples que tout le monde préfère. Effectuez des modifications simultanément dans plusieurs emplacements de votre fichier et bénéficiez de la saisie automatique et des modèles live templates pour ce faire. Sélectionnez les emplacements à modifier avec Alt + Clic. Ou sélectionnez les occurrences du mot actuel et modifiez-les toutes en même temps.

AngularJS

WebStorm amène la saisie automatique de code pour les applications AngularJS à un niveau supérieur. Obtenez des suggestions de codage pour des directives par défaut et personnalisées, des noms de contrôleurs et applications, et des aperçus de code pour des liaisons de données.

Emmet

Dans WebStorm, vous pouvez utiliser toute la puissance des abréviations Emmet pour augmenter votre productivité. Saisissez une abréviation en HTML, puis appuyez sur Tab pour la développer dans la balise. Emmet fonctionne aussi en CSS et JSX.

Live Edit

Live Edit vous permet de voir les mises à jour du contenu d'une page dans le navigateur (Google Chrome seulement) immédiatement, sans avoir à recharger, avec les modifications que vous effectuez dans vos fichiers HTML et CSS. Cette fonctionnalité fait partie de la session de débogage JavaScript.

Navigation

Grâce aux puissantes fonctionnalités de navigation de WebStorm, parcourez efficacement votre code et gagnez du temps quand vous travaillez sur de gros projets.

Vous pouvez rapidement accéder à la définition d'une méthode, fonction ou variable dans votre code avec un simple Ctrl + Clic, ou recherchez ses utilisations.

Recherchez un symbole, un fichier ou un nom de classe dans l'ensemble de votre projet en utilisant la boîte de dialogue Search Everywhere (Double Maj).

La vue structure peut vous aider à parcourir facilement un fichier ouvert.

Analyse de la qualité du code

WebStorm comprend des centaines d'inspections qui couvrent tous les langages pris en charge. En plus de cela, vous pouvez utiliser ESLint, TSLint, Stylelint, JSCS, JSHint et JSLint.

Tous les avertissements et erreurs sont rapportés directement dans l'éditeur pendant la frappe, avec de nombreuses options de correctifs rapides disponibles.

Chaque ligne de code avec problème potentiel est marquée en rouge dans la gouttière de droite de l'éditeur, pour que vous puissiez facilement repérer les erreurs et les avertissements dans un fichier long.

Vous pouvez aussi exécuter une analyse de la qualité de code pour l'ensemble du projet et appliquer automatiquement les correctifs rapides sélectionnés.

Style de code

Utilisez un style de code cohérent, en laissant WebStorm appliquer automatiquement le style de code configuré pendant la saisie du code, ou en retravaillant la mise en forme de fichiers entiers en une seule fois.

Configurez votre style de code pour n'importe quel langage, notamment les indentations, espaces, règles d’alignement, et ainsi de suite. Enregistrez le modèle de style de code dans les paramètres du projet et, si vous le souhaitez, partagez-le avec vos collaborateurs via VCS.

EditorConfig

WebStorm applique automatiquement le style de code spécifié dans le fichier de projet .editorconfig.