WebStorm

    Environnement de développement intégré avec un éditeur HTML, CSS et JavaScript

    JetBrains WebStorm est un IDE léger mais puissant pour le développement JavaScript moderne.

    WebStorm 2017.1 ajoute la prise en charge de technologies passionnantes telles que Vue.js et Jest, apporte plus de flexibilité aux styles de code et améliore le support de React et Angular ainsi que l’expérience de test.

    Avantages de WebStorm :

    • Debugger : Déboguez vos applications côté client et Node.js facilement dans l’IDE, placez des points d’arrêt directement dans le code source, explorez la pile d’appels et les variables, définissez des montres et utilisez la console interactive.
    • Intégration transparente des outils : Profitez des linters, des outils de construction, des lanceurs de tests, du client REST et de plus d’outils, tous profondément intégrés à l’IDE. Mais chaque fois que vous avez besoin du Terminal, il est également disponible en tant que fenêtre d’outil IDE.
    • Tests unitaires : Exécutez et déboguez des tests avec Karma, Mocha, Protractor et Jest dans WebStorm. Voyez immédiatement les statuts des tests directement dans l’éditeur, ou dans une pratique vue arborescente à partir de laquelle vous pouvez rapidement accéder au test.
    • Intégration avec les VCS : Utilisez une interface utilisateur unifiée simple pour travailler avec Git, GitHub, Mercurial et d’autres VCS. Validez des fichiers, examinez les modifications et résolvez les conflits avec un outil de différenciation/fusion visuel directement dans l’IDE.

    WebStorm – Fonctionnalités

    Fonctionnalités clés :

    • NOUVEAU : Frameworks : prise en charge de Vue.js, importation automatique pour les composants React, service de langage Angular.
    • NOUVEAU : Tests : Intégration avec Jest, Meilleure expérience de test
    • NOUVEAU : Style de code : Nouvelles options de style de code, prise en charge ajoutée pour le style de code Standard, introduction du tri des imports, amélioration du support de TSLint
    • NOUVEAU : JavaScript et TypeScript : Diagramme de dépendance des modules
    • NOUVEAU : Outils : Complétion pour les modules dans package.json, complétion dans le web
      • Fichier de configuration de l’emballage
      • Cadres modernes: WebStorm fournit une assistance avancée à la codification pour Angular, React et Meteor. Profitez du support pour PhoneGap, Cordova et Ionic pour le développement mobile et développez côté serveur avec Node.js. Tout dans un IDE !
      • Éditeur intelligent: L’IDE analyse votre projet pour fournir les meilleurs résultats de saisie de code pour tous les langages pris en charge. Des centaines d’inspections intégrées signalent tout problème possible dès que vous tapez et suggèrent des options de correction rapide.
      • Navigation & Recherche: WebStorm vous aide à vous déplacer dans votre code de manière plus efficace et à gagner du temps lors du travail sur de grands projets. Accédez à la définition d’une méthode, fonction ou variable en un seul clic ou recherchez les utilisations.
      • Débogage: WebStorm fournit un débogueur intégré pour votre code côté client (qui fonctionne avec Chrome) et les applications Node.js. Placez les points d’arrêt, parcourez le code et évaluez les expressions sans quitter l’IDE.
      • Tests unitaires: Effectuez des tests unitaires facilement, car WebStorm s’intègre avec le lanceur de tests Karma et Mocha. Exécutez et déboguez les tests directement dans l’IDE, visualisez les résultats dans un format agréable et naviguez vers le code de test.
      • Tracé et profilage: WebStorm dispose de spy-js, un outil intégré qui vous aide à tracer votre code JavaScript. Explorez comment les fichiers sont connectés aux appels de fonction et identifiez efficacement d’éventuels goulots d’étranglement.
      • Outils de construction: Profitez d’une interface utilisateur unifiée simple pour exécuter des tâches Grunt, Gulp ou npm directement depuis l’IDE. Toutes les tâches sont répertoriées dans une fenêtre d’outils spéciale, il vous suffit de double-cliquer sur le nom de la tâche pour la démarrer.
      • Outils de qualité du code: En plus des centaines d’inspections propres à WebStorm, il peut exécuter JSHint, ESLint, JSCS ou JSLint sur votre code et mettre en évidence tout problème en temps réel, directement dans l’éditeur.
        • Modèles de projet : Démarrer de nouveaux projets à partir de l’écran d’accueil en utilisant des modèles de projet populaires comme Express ou Web starter kit et accéder à encore plus de générateurs de projets grâce à l’intégration avec Yeoman.
        • VCS : WebStorm fournit une interface utilisateur unifiée pour travailler avec de nombreux systèmes de contrôle de version populaires, garantissant une expérience utilisateur cohérente avec git, GitHub, SVN, Mercurial et Perforce.
        • Historique local : Que vous utilisiez un VCS ou non, l’historique local peut vraiment vous sauver du code. À tout moment, vous pouvez inspecter l’historique d’un fichier ou d’un répertoire particulier et revenir à l’une de ses versions précédentes.
        • Personnalisation : WebStorm est extrêmement personnalisable. Adaptez-le parfaitement à votre style de codage, des raccourcis, des polices et des thèmes visuels aux fenêtres d’outils et à la disposition de l’éditeur.

        WebStorm – Configuration système

        Configuration matérielle

        • 1 Go de RAM minimum, 2 Go de RAM recommandés
        • Résolution d’écran minimale de 1024×768

        Windows :

        • Microsoft Windows 10/8/7/Vista/2003/XP (incl. 64 bits)

        macOS :

        • macOS 10.5 ou supérieur.
        • Seule la version 64 bits de macOS est prise en charge.

        Linux :

        • OS Linux 64 bits
        • Environnement de bureau KDE, GNOME ou Unity