What’s new in WebStorm

WebStorm 2016.1 is the next major update for our powerful JavaScript IDE that brings even better experience while editing and refactoring JavaScript code and steps up the IDE debugging capabilities.

Language support

Better refactoring options

Better refactoring options

WebStorm gets more powerful in performing safe refactoring! Try the improved refactoring options for ECMAScript 6 and TypeScript, for example Create method, Extract method, Inline method, Introduce field, and more.

Unused imports inspection

Unused imports inspection

Any unused import statements in ECMAScript 6 and TypeScript are now highlighted in the editor. And with the new Optimize imports action, WebStorm helps you get rid of any unused imports and merge multiple import statements for symbols from one module.

Better TypeScript support

Better TypeScript support

Enjoy even smarter automatic imports for TypeScript symbols as the IDE carefully adds a required import statement as you type. You can also try the new intentions: Make class abstract, Remove modifier and others. And of course, WebStorm supports the latest TypeScript 1.8 features.

Support for CSS Custom Properties

Support for CSS Custom Properties

WebStorm adds support for CSS Custom Properties so you can get code completion for variable names, jump to the variable definition, see a quick definition and search for usages. WebStorm will also validate the default value for a custom property.

Frameworks and libraries

Improved Angular 2 support

Improved Angular 2 support

Angular 2 support in WebStorm is even more powerful! Enjoy coding assistance for event and property bindings, as well as completion inside any data binding. Code insight and navigation are available for directives, variables defined in templates, custom event handlers, and paths in templateUrl and styleUrls fields.

Further improvements in AngularJS support

Further improvements in AngularJS support

WebStorm brings support for ui-router, letting you jump from the state references to their definitions, and from the named views in the views object to their definitions in the HTML template. In addition, the IDE now understands components defined using the new AngularJS 1.5 module.component() method helper.

Tools

New features in JavaScript debugger

New features in JavaScript debugger

WebStorm’s built-in JavaScript debugger for Chrome now makes lots of new things possible. Debug asynchronous client-side code and arrow functions in ECMAScript 6, and stop on the breakpoints set in Web and Service workers!

Running and debugging Node.js apps remotely

Running and debugging Node.js apps remotely

Now you can run and debug your Node.js applications on a remote server or Vagrant box right from the IDE. Simply configure a remote Node.js interpreter in your Node.js run/debug configuration, place breakpoints in your code, and click Debug.

Vagrant and SSH Console

Vagrant and SSH Console

Integration with Vagrant is now available in WebStorm out-of-the-box. You can run, reload and stop the Vagrant box from the IDE, without using the command line. Using a SSH Console you can connect to your Vagrant box or any other remote machine.

Running and debugging Electron applications

Running and debugging Electron applications

WebStorm now allows you to debug an app’s main process in a built or packaged Electron application, by using Node.js run/debug configuration. You can also debug render process by using Chromium remote debug configuration.

IDE improvements

JSON Schema

JSON Schema

Thanks to support for JSON Schema, a format for describing JSON files, WebStorm can now provide coding assistance for certain types of JSON files. You can add one of the available schemas, or create your own schema and then map it to a specific JSON file in your project. Code completion for tsconfig.json, .eslintrc and .babelrc is now powered by JSON Schema.

Other improvements:

  • New Convert string to template string intention in ECMAScript 6
  • Coding assistance for classes and ids in CSS
  • Support for Dart test package and more generate code options for Dart
  • Support for Git worktree
  • By-word changes highlighting in Merge and Diff Viewer
  • Simplified configuration for debugging client-side JavaScript code built with Webpack
  • Run configurations can now be started while indexing
  • Support for right-to-left languages in the editor
  • Speed search in the Terminal tool window