WebStorm

L'IDE JavaScript et TypeScript pour vous et vos agents

Envoyez un prompt à un agent ou écrivez le code vous-même. WebStorm veille à ce que votre code tienne la route.

Votre workflow complet, de la conception à la production

Déléguez une spécification de conception ou une tâche

Décrivez votre tâche au clavier ou à la voix, ou sélectionnez simplement le code pour l'envoyer directement à un agent. Pour les tâches concernant l'interface, indiquez votre source de design à l'agent, et il implémentera le composant correspondant.

Sélectionnez l'agent et son mode d'exécution

Choisissez un agent dans le catalogue intégré ou conservez celui qui est installé sur votre machine. Sélectionnez ensuite le projet, l'abonnement, ainsi que le mode d'exécution de l'agent : interface graphique ou terminal intégré.

Gérez plusieurs tâches à la fois

Confiez à un agent la migration d'un composant vers TypeScript pendant qu'un autre corrige un test en échec, au sein d'un même projet ou pour plusieurs projets. La fenêtre Agent Sessions indique ce qui est en cours, ce qui est terminé et ce qui attend votre intervention.

Révisez dans l'éditeur, vérifiez dans le navigateur

Les diffs s'ouvrent directement dans la session, vous pouvez donc commenter une ligne et envoyer ce commentaire comme prochaine instruction. Pour les modifications de l'interface, l'agent ouvre votre session de navigateur, examine les logs de la console et les requêtes réseau, prend des captures d'écran et répète la séquence d'actions. Vous pouvez ainsi valider le correctif avant de le fusionner.

Reprenez la main à tout moment, livrez avec assurance

Naviguez, refactorisez, testez et déboguez avec une suite complète d'outils JavaScript dans la même fenêtre. Consultez l'historique des commits et lancez la fusion une fois votre code vérifié.

Exécutez des agents et vérifiez leur travail directement dans WebStorm, avec jetbrains air

Vos agents, vos modèles, vos abonnements

Connectez les agents que vous utilisez et exécutez-les en utilisant votre propre clé d'API, l'abonnement que vous payez déjà ou JetBrains AI. Changez d'abonnement quand vous le souhaitez, y compris en cours de session.

Des outils déterministes pour vous et vos agents

WebStorm resolves every usage, dependency, and type across your JavaScript and TypeScript codebase. Through built-in skills, agents pull that code intelligence on demand to find the right code, refactor safely, migrate patterns across the project, and investigate issues with runtime data instead of plain-text search.

Vous ne savez pas si WebStorm est fait pour vous ?

WebStorm est conçu pour JavaScript, TypeScript, HTML, CSS, React, Angular, Vue, Node.js et SQL. Vous travaillez avec une autre pile technologique ?

Plébiscité par plus de 650 000 développeurs au sein des entreprises qui font tourner le monde

@Vladjjj

« Tout d'abord, je précise que je suis un utilisateur satisfait de JetBrains AI dans WebStorm, et que je suis abonné à l'offre AI Ultimate depuis le début. Après avoir utilisé Junie, je suis passé à l'AI Assistant intégré, d'abord avec Claude, puis avec Codex pour tout ce qui touche au frontend. Tout fonctionne bien, et l'intégration avec le projet est solide, aussi bien pour l'analyse que pour les modifications de code. […] J'apprécie particulièrement la possibilité de basculer entre les modèles, au lieu de devoir me limiter à un seul fournisseur. »

@Ingvar

« Autre chose : la refactorisation de code. Je peux me tromper, mais j'ai l'impression que le simple renommage d'un symbole peut consommer énormément de jetons et prendre beaucoup de temps. Les dernières fois, je suis littéralement passé sur WebStorm juste pour renommer et déplacer des éléments rapidement. L'agent devrait probablement disposer de meilleurs outils pour ce genre de tâches de développement courantes, afin d'explorer correctement la base de code et de comprendre l'AST, sans se limiter à des recherches avec grep. »

@Lancelot_of_camelot

« Cette semaine, je me suis enfin décidé à essayer WebStorm (j'avais une licence JetBrains qui traînait), et waouh, c'est tellement plus fluide ! Ça m'a pris environ une heure pour configurer ESLint, mais maintenant tout fonctionne parfaitement, et la saisie semi-automatique est intelligente sans même avoir besoin de Copilot. Je survole n'importe quel symbole et la définition s'affiche instantanément. Fait intéressant, WebStorm consomme plus de ressources que VS Code, mais ces ressources supplémentaires en valent largement la peine par rapport à VS Code. Globalement, je me suis senti bien plus productif sur WebStorm cette semaine, après plusieurs mois de galère avec VS Code. »

@AbhithRajan

« Figma Connect dans WebStorm a tout changé pour moi ! La version bêta a fonctionné sans problème, et m'a fait gagner énormément de temps sur des écrans et des composants complexes. Elle m'a même aidé à traiter les commentaires de révision sur un travail réalisé sans cet outil. Un grand merci ! »

@András Tóth

« C'est l'un des plugins les plus utiles pour WebStorm. Maintenant qu'il est de nouveau gratuit, j'en suis ravi. Ce qui me plaît le plus, c'est de l'utiliser avec Slonik, car je peux bénéficier de vérifications syntaxiques et sémantiques (c'est-à-dire vérifier que les tables/colonnes référencées existent réellement) sur des requêtes SQL brutes au sein de fichiers TypeScript/JavaScript. »

Sécurité et gouvernance de niveau entreprise

À propos de JetBrains pour les entreprises

SOC 2 Type II

Attestation

RGPD

Conformité

Essayez WebStorm dès maintenant

Télécharger

Essai de 30 jours gratuit

Questions fréquentes

Les agents se concentrent sur la tâche qui leur est confiée. WebStorm vous offre une vue d'ensemble pour vous montrer comment une modification s'intègre dans le reste de la base de code, ce qu'elle affecte, et si elle fonctionne réellement. Le débogage, les tests et la refactorisation sécurisée ne sont qu'à un clic, afin que vous puissiez vérifier et livrer ce que l'agent a créé.

Oui. L'édition, la navigation, la refactorisation, les tests et le débogage restent au cœur de WebStorm. Faites appel à un agent quand cela vous aide, écrivez le code vous-même, ou basculez entre ces deux approches au sein du même IDE. En savoir plus sur notre vision.

Oui. Vous pouvez utiliser les agents inclus avec JetBrains AI, connecter des agents compatibles ACP, utiliser vos propres fournisseurs et clés API, ou configurer un modèle local compatible.

WebStorm fournit à votre agent des outils déterministes pour la recherche intelligente, l'analyse approfondie ainsi que des modifications tenant compte de la structure de votre base de code JavaScript et TypeScript. Il repère ainsi le code concerné avec précision et applique des modifications à l'échelle du projet en s'appuyant sur le modèle de code de l'IDE, plutôt que sur une simple correspondance textuelle. Résultat : une baisse de la consommation de jetons et des erreurs d'aiguillage.

Oui. React, Angular, Vue, Next.js, TypeScript, Node.js, et bien d'autres sont intégrés et préconfigurés dès le départ. Pas besoin de chercher des extensions ou de perdre du temps sur la configuration.

WebStorm est gratuit pour un usage non commercial. Pour un usage commercial, il est proposé avec un essai gratuit de 30 jours.

Oui, l'ensemble des outils de gestion de bases de données de DataGrip est intégré, sans nécessiter d'installation supplémentaire. Vous pouvez interroger n'importe quelle base de données, importer des données et gérer les tables et les versions. En savoir plus sur la prise en charge des bases de données dans WebStorm.