DOM-Based, Browser-Specific Completion
Completion is available for both standard and user-defined functions in *.js files, HTML event handlers and everywhere else where appropriate.
Supports Sass, SCSS, Less, Stylus, Compass, CoffeeScript, TypeScript, Dart and other cutting-edge web development technologies.
Validation and Quick-fixes
PhpStorm detects and suggests auto-fixes for such problems as: missing required attributes, invalid attributes or illegal values, wrong references to files in links, duplicate attributes, invalid CSS selector format, invalid CSS properties, unused CSS class definitions, invalid local anchors and more.
PhpStorm auto-saves your changes, and the browser smartly updates the page on the fly, showing your edits.
Watch the demo »
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.
- Customizable breakpoint properties: suspend mode, conditions, pass count and more
PhpStorm fully supports Node.js with a free plugin available from the repository. It provides code completion, highlighting, navigation, error checking, debugging, managing packages with npm, and more.
ECMAScript Harmony Support
PhpStorm supports EJS template engine (syntax highlighting, typing assistance, formatting, etc.), and provides formatting and syntax highlighting for Handlebars and Mustache templates, as well as automatic tag closing.
There is also initial support for the Web Components.
Angular 2 support
Angular 2 support in PhpStorm includes code completion and navigation for directives and bindings, and understanding new event attributes, for either TypeScript or ECMAScript 2015..
PhpStorm provides integration with TSLint, a linter for TypeScript code. Enable it to see warnings and errors from TSLint right in the editor, as you type.