WebStorm What's New 4.0

WebStorm 2.0 — Master the Latest Web Standards.

New JavaScript specification — EcmaScript 5


Recently JavaScript specification was incrementally advanced with common coding pitfalls prevention mode (aka "strict mode"). WebStorm will help you use this new productive stuff!

If the IDE finds a "use strict" statement in your JavaScript file, the editor will mark as errors all accesses of undefined global variables, duplicated parameters / property names, and usages of the delete operator for unqualified variables.

More on EcmaScript 5 support »

Organizer for JavaScript libraries

As we support a lot of JavaScript libraries providing autocompletion, sometimes it can lead to a problem when your project uses a large number of libraries. To help you organize your work with JavaScript Libraries, we've created a simple-to-use libraries organizer.


SASS 3 Support

Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using PhpStorm.

On the screenshot you can see our SASS/SCSS editor with smart code folding. You can see color boxes on the gutters — these are exactly the colors used within your SASS file.

You can modify them either by editing plain SASS code or using WebStorm's Color Editor — just click the corresponding gutter!


WebStorm supports Find usages and rename for mixins and SCSS variables, as well as inspections for unresolved mixins and variables.

Streamlined and Improved UI

  • Better blending into OS native LAF
  • Streamlined scrollbar, inspection markers, tooltips and notifications rendering
  • WordWrap in editors and log windows
  • Spellchecking in all editors including commit window
  • Detachable & draggable editor tabs.

Mercurial Support

Pulling and pushing changes from IDE, visual merging.


Leaner CSS

LESS provides extension to CSS with variables, mixins, operations and nested rules, and uses CSS syntax.

As many of you are already using it in your everyday coding, we've added some nice things to boost up your productivity with LESS.

What's in?

  • LESS syntax highlighting

  • On-the-fly syntax highlighting

  • All the brilliant CSS editing features are available for LESS as well

Read more »

Relax NG for XML

Relax NG is an alternative to W3C XML Schema language, which is said to be very complex and hard to learn/use/maintain.

WebStorm provides completion and validation of XML documents associated with Relax NG schemas:


It also allows editing Relax NG files in XML with on-the-fly error checking, completion, documentation lookup and more.

New Git Log UI

As much as our users have been excited about our Git support, we are making it even better. Now you will be able to filter changes by branch, tag or developer, highlight changes made in a specific folder, or show differences right in the IDE. Look at the screenshot:


GitHub Integration

You may have heard about Github and may even be using it for your own projects.

Now you'll be able to check out your existing GitHub repository right from the IDE and auto-open it as a project.