WebStorm 12 EAP, 144.2925: debugging async code, smarter auto imports and more

Posted on by Ekaterina Prigara

A fresh WebStorm 12 EAP build (144.2925) is now available!

You can download it here and install it side-by-side with your stable version of WebStorm. Or if you’re subscribed to the EAP update channel in the IDE and have already installed a previous EAP build, you should get a notification about a patch-update.

If you missed the announcement of WebStorm 12 EAP, you can catch up on it in this blog post.

Inline rename for TypeScript

You can now use Rename refactoring in the TypeScript code inline. That means that you can just hit Shift-F6, change the name right in the editor and it will be instantly refactored across the whole project, no Rename dialog anymore.

inline-rename-for-ts

Smarter imports

Auto imports in TypeScript became smarter: now symbols from one module are automatically added into one import statement.

Before that, when you type, for example, @Injectable, the import would have generated the following way:

auto-imports

And now:

smarter-imports

This behaviour could be configured in Preferences | Editor | General | Auto imports.

And with a new Optimize imports actions (Ctrl-Alt-O) WebStorm can merge imports that are already typed in the similar way. This works now only for the TypeScript files, but we will extend it to ES6 files as well.

Debugging async code

WebStorm now allows you to debug asynchronous client-side code in Chrome: check the Async checkbox on the debugger pane and now once a breakpoint inside an asynchronous function is hit or you step into that code, you can see a full call stack, including a caller and all the way to the beginning of asynchronous actions.

async-debug

Improvements in Angular 2 support

This WebStorm 12 EAP build brings smarter code insight for one-way binding in Angular 2 applications. Now you can get jump from the binding in the component usage to the property in the component definition.

ng2

Coding assistance for component names in HTML and event attributes is now fixed when working with angular2-beta.

WebStorm running on Java 8

The whole IntelliJ IDEA platform migrates to Java 8. That means that now you can not launch WebStorm under a JDK older than Java 8. The change affects all the EAP builds (144.*) and further major releases in Spring, 2016.

The list of issues addressed in this EAP build is available in the Release notes.

Please report your feedback to our issue tracker. To get notifications of new EAP builds as they become available, subscribe to the EAP channel in Preferences | Appearance & Behavior | System Settings | Updates.

Read more about the features and improvements added in the WebStorm 12 EAP builds:

  • WebStorm 12 EAP, 144.3143: Unused imports warning, code assistance in tsconfig.json,.babelrc and .eslintrc, remote run and debug for Node.js apps, Vagrant integration, debugging Electron apps, and further improvement in Angular 2 support.

– JetBrains WebStorm Team

Comments below can no longer be edited.

13 Responses to WebStorm 12 EAP, 144.2925: debugging async code, smarter auto imports and more

  1. anonymous says:

    January 13, 2016

    “Reformat Code” get “TSLint: missing whitespace” at the TypeScript.

    “Format Code” in the VisualStudio Code
    constructor(name: string) {

    WebStorm 11 & 12
    constructor(name:string) {

    • Ekaterina Prigara says:

      January 13, 2016

      You can enable Spaces – After type reference colon ‘:’ option in TypeScript code style in Preferences.

  2. avladev says:

    January 14, 2016

    New WS icon is pretty similar to CMD icon in taskbar on Windows which is confusing.

    http://i.imgur.com/LaDYbCV.png

  3. Adam says:

    January 14, 2016

    import * as SomeVar from ‘xxx/yyy’;

    WebStorm doesn’t recognize the `as` keyword;

    • Ekaterina Prigara says:

      January 14, 2016

      Have you set JavaScript version to ECMAScript 6 in Preferences | Languages and Frameworks | JavaScript?

  4. Nikita Popov says:

    January 14, 2016

    “The whole IntelliJ IDEA platform migrates to Java 8. That means that now you can launch WebStorm only under a JDK older than Java 8”

    I didn’t get that. Maybe it was intended as “now you can launch WebStorm under JDK 8 *and newer*” or “now you *cannot* launch WebStorm under JDK older than Java 8”

    • Dennis Ushakov says:

      January 14, 2016

      Thank you for noticing, fixed now

  5. Suresh says:

    January 17, 2016

    Any plans to provide the Coding assistance for component names in HTML for Dart Angular2 projects?

    • Ekaterina Prigara says:

      January 18, 2016

      No plans for that at the moment and even no feature request for that yet. Would be great if you submit it on our issue tracker: https://youtrack.jetbrains.com/issues/WEB
      Thank you!

  6. David says:

    January 18, 2016

    Are there any plans to support resolving JSPM imports in this version?
    https://youtrack.jetbrains.com/issue/WEB-18904
    https://youtrack.jetbrains.com/issue/WEB-18322

    Great product!

    • Ekaterina Prigara says:

      January 18, 2016

      We don’t have any precise plans to support JSPM at the moment, sorry. Please follow the issue to stay tuned.

      • Huw says:

        January 29, 2016

        May one ask why not?

        • Ekaterina Prigara says:

          February 1, 2016

          We are planning to release the next major update very soon and we haven’t started working on any JSPM support yet. There’re issue on our tracker that have a higher priority at the moment.