WebStorm 6 — turbo-charge your cutting edge web dev workflow with time-saving tools


WebStorm provides the tools to keep up with the latest and greatest web development innovations, helping you get more out of new technologies on a daily basis.



New Technologies

WebStorm 6 supports TypeScript. You can now enjoy TypeScript syntax highlighting, on-the-fly error detection, and code completion.

WebStorm 6 provides streamlined experience for the full development cycle with new languages such as TypeScript, CoffeeScript and Dart. Here's what's available already:

  1. Automatic compilation/transpilation of these higher-level languages into those recognized by the browsers on all platforms supported by the IDE. This also applies to modern CSS extensions such as LESS and Sass. Read more in our blog »
  2. Full-featured debugging of CoffeeScript, TypeScript or Dart with the help of source maps. If you have a minified JS, you can debug it with source maps as well. Read more in our blog »



Sass stylesheets are even more awesome in WebStorm 6, with the following features added:

  • custom function definition, completion and renaming support
  • highlighting for incorrect @-keyword
  • support of nested properties, and more

LESS support now includes code insight for mixins and many other improvements.

Google Dart

Google Dart is now supported out of the box, with no additional plugin installation needed. The editor also supports inlining Dart script blocks into HTML files.

For older versions of the IDE you can use this Dart plugin.

CoffeeScript now has its own code formatter options and in the editor support for deconstructed parameters and parameters with @ prefix is added.




Core Web Development

Live Edit, introduced in the previous release, is now easier to get started with and it also supports HTML5 live editing.

WebStorm 6 also introduces improvements for HTML and CSS coding: a re-designed HTML structure view, with special support for HTML5, and Emmet snippets in the editor. If you're looking to level-up your HTML and CSS coding speed, WebStorm's got your back.

HTML structure view
Emmet


We’ve also revised our approach to handling JavaScript libraries, allowing JS developers to work transparently with minimized and compiled files stored in the project tree. The IDE smartly uses them for code completion and navigation only when needed and ignores them the rest of the time.
Read more in our blog »



WebStorm equips you with the most powerful code validation tools. You can now validate your JS against Google Closure Linter (new to WebStorm 6), JSHint, JSLint, and our own custom inspections. WebStorm can also automatically pick up the latest version of JSHint for you and, now it understands .jshintrc files if your project has them.

WebStorm 6 includes a built-in HTTP server for static files. You can view your code in a browser instantly or debug it without setting up your own server.

WebStorm now integrates REST Client to let you test RESTful web services right from the IDE. Simply invoke different requests over HTTP (e.g. GET, POST, PUT and others) to RESTful APIs with various parameters and get response and response headers. Read more in our blog »


IDE Improvements

WebStorm 6 has been re-designed with a fresh IDE look and feel. To explore the darker side of coding, turn your lights down and try out our new native dark UI theme, Darcula.

Last but not least, if you're a happy owner of a new MacBook, feast your eyes on a set of new Retina-adapted icons.