March 7, 2013 at 10:06WebStorm 6 released with support for the latest web development technologies
The WebStorm development team has tried to collect the most popular features for the latest technologies in the next IDE release. What is new?
The new version of Webstorm introduced basic TypeScript support: code highlighting, type checking, code navigation, error detection during editing, and auto-completion. Support for TypeScript, CoffeeScript, and Dart includes compilation in Javascript on all platforms supported by WebStorm. Similarly supported LESS and Sass.
The main release of the IDE now has full debugging of CoffeeScript, TypeScript and Dart using source maps. We are especially pleased to please the colleague pietrovich , who raised this issue in the discussion thread in one of the previous posts .
If you have a minified .js file, in WebStorm 6 it can also be debugged using source maps. More on debugging with source mapswe write on our blog.
Styles written in Sass in WebStorm 6 are even easier to create than before:
The editor now understands mixins in LESS, whose support has improved markedly.
The need for additional plugins for working with Google Dart has disappeared: now the corresponding plugin is built into the IDE.
For CoffeeScript, we made separate settings for formatting the code and taught the editor to understand the parameters with the @ prefix and deconstruct the object into parameters.
In Live Edit , which allows editing to immediately see the result of changes in the browser * without reloading the page, they added support for HTML5.
The display of the HTML structure has also been improved (viewing by Ctrl + F12), and the abbreviation Emmet (formerly known as Zen Coding) for HTML and CSS has been added to the editor.
We reworked the work with JavaScript libraries to ensure transparent work with minified and compiled files stored in the project tree. WebStorm uses them for code completion and navigation only at the right time, ignoring them the rest of the time. Read the blog details !
As we noted earlier , many code inspectors are available in Webstorm - external JSHint and JSLint (they are installed automatically with WebStorm), as well as our built-in inspector. Now we have added one more to them - Google Closure Linter . And WebStorm can automatically pick up the latest version of JSHint and understands .jshintrc files when they are in the project.
WebStorm 6 includes a built-in HTTP server for static files - now there is no need to configure the web server on your machine or make access to the hosting when you need to make several pages.
There was also a built-in REST client, now when creating RESTful-applications there is no need to create pages for testing the REST API: requests (for example, GET, POST and PUT) can be done manually directly from WebStorm in the Tools | Test RESTful Web Service. On one tab, write a request, send, on the next appears the answer. How it works is described in more detail in our blog .
WebStorm 6, following IntelliJ IDEA 12, RubyMine 5 and PyCharm 2.7, got a new interface theme in dark colors (Darcula), and for owners of new MacBooks with a Retina screen, our designers drew icons on panels in high resolution.
Download , try. A 30-day trial period is included.
Upgrading to version 6 is free for anyone who has purchased a license after March 6, 2012.
We are waiting for comments and suggestions on the new version in our bug tracker . If someone has difficulties with applications in the bug tracker, write about it here, please, we will help.
* Live Edit is only supported while using Google Chrome and Yandex.Browser.
Support TypeScript, CoffeeScript, Dart, LESS and Sass
The new version of Webstorm introduced basic TypeScript support: code highlighting, type checking, code navigation, error detection during editing, and auto-completion. Support for TypeScript, CoffeeScript, and Dart includes compilation in Javascript on all platforms supported by WebStorm. Similarly supported LESS and Sass.
The main release of the IDE now has full debugging of CoffeeScript, TypeScript and Dart using source maps. We are especially pleased to please the colleague pietrovich , who raised this issue in the discussion thread in one of the previous posts .
If you have a minified .js file, in WebStorm 6 it can also be debugged using source maps. More on debugging with source mapswe write on our blog.
Styles written in Sass in WebStorm 6 are even easier to create than before:
- definition, auto-completion and renaming of user functions are supported;
- Incorrect key words are highlighted;
- Inherited properties are supported.
The editor now understands mixins in LESS, whose support has improved markedly.
The need for additional plugins for working with Google Dart has disappeared: now the corresponding plugin is built into the IDE.
For CoffeeScript, we made separate settings for formatting the code and taught the editor to understand the parameters with the @ prefix and deconstruct the object into parameters.
Web Development Facilitation
In Live Edit , which allows editing to immediately see the result of changes in the browser * without reloading the page, they added support for HTML5.
The display of the HTML structure has also been improved (viewing by Ctrl + F12), and the abbreviation Emmet (formerly known as Zen Coding) for HTML and CSS has been added to the editor.
We reworked the work with JavaScript libraries to ensure transparent work with minified and compiled files stored in the project tree. WebStorm uses them for code completion and navigation only at the right time, ignoring them the rest of the time. Read the blog details !
As we noted earlier , many code inspectors are available in Webstorm - external JSHint and JSLint (they are installed automatically with WebStorm), as well as our built-in inspector. Now we have added one more to them - Google Closure Linter . And WebStorm can automatically pick up the latest version of JSHint and understands .jshintrc files when they are in the project.
WebStorm 6 includes a built-in HTTP server for static files - now there is no need to configure the web server on your machine or make access to the hosting when you need to make several pages.
There was also a built-in REST client, now when creating RESTful-applications there is no need to create pages for testing the REST API: requests (for example, GET, POST and PUT) can be done manually directly from WebStorm in the Tools | Test RESTful Web Service. On one tab, write a request, send, on the next appears the answer. How it works is described in more detail in our blog .
Appearance
WebStorm 6, following IntelliJ IDEA 12, RubyMine 5 and PyCharm 2.7, got a new interface theme in dark colors (Darcula), and for owners of new MacBooks with a Retina screen, our designers drew icons on panels in high resolution.
What's next?
Download , try. A 30-day trial period is included.
Upgrading to version 6 is free for anyone who has purchased a license after March 6, 2012.
We are waiting for comments and suggestions on the new version in our bug tracker . If someone has difficulties with applications in the bug tracker, write about it here, please, we will help.
* Live Edit is only supported while using Google Chrome and Yandex.Browser.