Features

Intelligente Programmierunterstützung

WebStorm bietet intelligente Programmierunterstützung für JavaScript und nach JavaScript transpilierte Sprachen, HTML, CSS und Node.js. Optimieren Sie Ihren Workflow mithilfe von Codevervollständigung, bequemer Navigation, Fehlererkennung in Echtzeit und Refaktorierung für jede dieser Sprachen und Plattformen.

Moderne Frameworks

WebStorm bietet erweiterte Programmierunterstützung für Angular, React, Vue.js und Meteor. WebStorm unterstützt Sie bei Ihrer Arbeit mit React Native, PhoneGap, Cordova und Ionic für Mobile-App-Entwicklung sowie bei serverseitiger Entwicklung mit Node.js. Alles in einer einzigen IDE!

Intelligenter Editor

Die IDE analysiert Ihr Projekt, um optimale Codevervollständigung für alle unterstützten Sprachen zu gewährleisten. Hunderte integrierter Inspektionen melden potenzielle Probleme sofort während der Eingabe und schlagen Quick-Fix-Optionen vor.

Navigation und Suche

Navigieren Sie in WebStorm mühelos durch Ihren Code und sparen Sie viel Zeit bei der Arbeit mit großen Projekten. Springen Sie mit nur einem Klick zur Definition einer beliebigen Methode, Funktion oder Variable oder durchsuchen Sie den Code nach allen entsprechenden Verwendungen.

Debuggen, Tracen und Testen

Die in WebStorm integrierten leistungsfähigen Tools ermöglichen das Debugging, Testing und Tracing Ihrer clientseitigen Apps und Ihrer Node.js-Apps. Diese Prozesse erfordern in WebStorm nur minimale Anpassung und sind intelligent in die IDE integriert, was ihre Verwendung wesentlich erleichtert.

Debugging

WebStorm bietet einen integrierten Debugger für Ihren clientseitigen Code (arbeitet in Chrome) und Ihre Node.js-Apps. Setzen Sie Haltepunkte, gehen Sie Schritt für Schritt durch den Code und bewerten Sie die Ausdrücke – all das, ohne die IDE zu verlassen.

Testen

Führen Sie mühelos Tests aus und profitieren Sie von der Integration von Karma, Mocha, Jest und Protractor in WebStorm. Starten Sie Tests und debuggen Sie direkt in der IDE, prüfen Sie die übersichtlich dargestellten Ergebnisse und navigieren Sie zum Testcode.

Tracing und Profiling

WebStorm bringt spy-js mit, ein integriertes Tool zur Nachverfolgung aller Prozesse in Ihrem JavaScript-Code. Überprüfen Sie die Infrastruktur aller mittels Funktionsaufrufen verbundenen Dateien und identifizieren Sie mögliche Engpässe im Code.

Nahtlose Tool-Integration

WebStorm vereint in sich alle gängigen Befehlszeilentools für die Webentwicklung und bietet Ihnen somit eine produktive, optimierte Entwicklungsumgebung ohne die Notwendigkeit einer externen Befehlszeile.

Build-Tools

Unsere übersichtliche, einheitliche Oberfläche erlaubt die Ausführung von Aufgaben mit Grunt, Gulp oder npm direkt aus der IDE. Alle Aufgaben sind in einem gesonderten Toolfenster aufgelistet. Sie müssen lediglich auf den Namen doppelklicken, um eine Aufgabe zu starten.

Tools für Codequalität

Zusätzlich zu Hunderten eigener Inspektionen kann WebStorm Ihren Code auch mit ESLint, JSCS, TSLint, Stylelint, JSHint oder JSLint prüfen und in Echtzeit sämtliche Fehler im Editor hervorheben.

Projektvorlagen

Starten Sie Ihr neues Projekt im Begrüßungsfenster auf Grundlage einer beliebten Vorlage wie Express oder Web starter kit und nutzen Sie Yeoman, um Zugriff auf weitere Projektgeneratoren zu erhalten.

IDE-Funktionen

WebStorm basiert auf der Opensource-Plattform IntelliJ, die wir bei JetBrains bereits seit über 15 Jahren entwickeln und perfektionieren. Die ausgefeilte, flexible Umgebung kann auf Ihren individuellen Workflow zugeschnitten werden.

VCS

WebStorm bietet eine einheitliche Oberfläche zur Verwendung vieler beliebter Versionsverwaltungssysteme und ermöglicht den Benutzern, gleichermaßen mit git, GitHub, SVN, Mercurial und Perforce zu arbeiten.

Lokaler Verlauf

Unabhängig davon, ob Sie ein VCS verwenden, schützt der lokale Verlauf Ihren Code vor unerwünschten Modifikationen. Sehen Sie sich jederzeit den Verlauf einer bestimmten Datei oder eines Verzeichnisses an und kehren Sie zu einer früheren Version zurück.

Individualisierung

WebStorm ist hochgradig anpassbar. Richten Sie die IDE in Ihrem eigenen Coding-Stil ein: Verändern Sie alles von Tastaturkürzeln, Schriftarten und visuellen Designs bis hin zu Toolfenstern und dem Layout des Editors.