WebStorm 6 Released with Latest Web Development Technology
The WebStorm development team tried in the next release of the IDE to collect the most popular features for the latest technologies. What is new?
The new version of Webstorm has basic TypeScript support: code highlighting, type matching, code navigation, error detection during editing and autocompletion. TypeScript, CoffeeScript, and Dart support include Javascript compilation on all platforms supported by WebStorm. LESS and Sass are similarly supported.
In the main IDE release, there is now a full debugging of CoffeeScript, TypeScript and Dart using source maps. We are especially pleased to please our colleague Pietrovich , who raised this issue in the discussion thread in one of the past posts .
')
If you have a minified .js file, in WebStorm 6 you can also debug it using source maps. More about debugging from source maps we write in our blog.
Styles written in Sass in WebStorm 6 are even easier to create than before:
The editor now understands the mixins in LESS, whose support has noticeably improved.
There is no need for additional plug-ins when working with Google Dart: the corresponding plug-in is now 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 you to immediately see the result of changes in the browser * without reloading the page when editing, added support for HTML5.
The display of the HTML structure is also improved (view on Ctrl + F12), and support for the Emmet abbreviations (formerly known as Zen Coding) for HTML and CSS has been added to the editor.
We redid work with JavaScript libraries to ensure transparent work with minified and compiled files stored in the project tree. WebStorm uses them to autocomplete the code and navigate only at the right moment, ignoring them at other times. Read the blog details !
As we noted earlier , a lot of 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 is able to automatically pick up the most recent version of JSHint and understands the .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 set up a web server on your machine or to make access to hosting when you need to impose several pages.
The built-in REST client also appeared; now, when creating RESTful applications, there is no need to create pages for testing REST API: requests (for example, GET, POST and PUT) can be made manually directly from WebStorm in the Tools | Test RESTful Web Service. On one tab, write a request, send, on the next answer appears. 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 have drawn icons on the panels in high resolution.
Download , try. A 30-day trial period is attached.
Upgrading to version 6 is free for anyone who 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 problems with requests in the bug tracker, write about it here, please, we will help.
* Live Edit is currently supported only when using Google Chrome and Yandex Browser.
Support TypeScript, CoffeeScript, Dart, LESS and Sass
The new version of Webstorm has basic TypeScript support: code highlighting, type matching, code navigation, error detection during editing and autocompletion. TypeScript, CoffeeScript, and Dart support include Javascript compilation on all platforms supported by WebStorm. LESS and Sass are similarly supported.
In the main IDE release, there is now a full debugging of CoffeeScript, TypeScript and Dart using source maps. We are especially pleased to please our colleague Pietrovich , who raised this issue in the discussion thread in one of the past posts .
')
If you have a minified .js file, in WebStorm 6 you can also debug it using source maps. More about debugging from source maps we write in our blog.
Styles written in Sass in WebStorm 6 are even easier to create than before:
- definition, autocompletion and renaming of user-defined functions are supported;
- invalid key @ -words are highlighted;
- inherited properties are supported.
The editor now understands the mixins in LESS, whose support has noticeably improved.
There is no need for additional plug-ins when working with Google Dart: the corresponding plug-in is now 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 ease
In Live Edit , which allows you to immediately see the result of changes in the browser * without reloading the page when editing, added support for HTML5.
The display of the HTML structure is also improved (view on Ctrl + F12), and support for the Emmet abbreviations (formerly known as Zen Coding) for HTML and CSS has been added to the editor.
We redid work with JavaScript libraries to ensure transparent work with minified and compiled files stored in the project tree. WebStorm uses them to autocomplete the code and navigate only at the right moment, ignoring them at other times. Read the blog details !
As we noted earlier , a lot of 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 is able to automatically pick up the most recent version of JSHint and understands the .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 set up a web server on your machine or to make access to hosting when you need to impose several pages.
The built-in REST client also appeared; now, when creating RESTful applications, there is no need to create pages for testing REST API: requests (for example, GET, POST and PUT) can be made manually directly from WebStorm in the Tools | Test RESTful Web Service. On one tab, write a request, send, on the next answer appears. 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 have drawn icons on the panels in high resolution.
What's next?
Download , try. A 30-day trial period is attached.
Upgrading to version 6 is free for anyone who 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 problems with requests in the bug tracker, write about it here, please, we will help.
* Live Edit is currently supported only when using Google Chrome and Yandex Browser.
Source: https://habr.com/ru/post/171897/
All Articles