Live Edit

Live Editing Preview saves you lots of time and key presses. Open a page in the editor and the browser so you can see both, and activate the Live Edit feature running JavaScript debugging session. Start editing the code and see the changes instantly in the browser even while you are going through the list options in code completion popups.

PhpStorm auto-saves your changes, and the browser smartly updates the page on the fly, showing your edits.Watch the demo »

High-Speed Coding

The editor allows you to utilize all the power of Emmet (former Zen Coding). Define your own abbreviations (snippets) with Live Templates or use pre-defined for PHP, HTML, CSS, JS and other languages.

JavaScript Refactoring

Refactoring capabilities provided for JavaScript allow you to easily modify the code structure as well as undo the modifications. Some refactorings available for JS are: Rename, Extract Variable/Function, Inline Variable/Function, Move/Copy, Safe Delete, Extract embedded script into file.

JSLint/JSHint

JavaScript code quality tools are integrated in the JavaScript editor. Checks your code just as you edit it. Open Settings, type JSLint/JSHint, enable an inspection and your code will be checked against these inspections as you type.

ECMAScript Harmony Support

For those who prefer to stay one step ahead, PhpStorm presents support of ECMAScript Harmony. To try out the new features, set ECMAScript Harmony to be the JavaScript language version in the IDE settings.