WebStorm 2016.2.1 is now available

WebStorm 2016.2.1, the first bug-fix update for the recently released WebStorm 2016.2, is now available! If you missed the WebStorm 2016.2 release, find out more about its new features and download WebStorm 2016.2.1 on the What’s new page. And if you are already using it, you’ll soon get a notification about available patch-update.

This update brings over 80 bug fixes in various subsystems, including fixes for debugging Karma tests from the IDE. You can look through them in the Release notes.

In addition to that WebStorm 2016.2.1 also brings some new features and improvements.

ui-router state diagram

With this new feature, you can see a diagram illustrating the relations between views, states and templates in AngularJS app that use ui-router. You can invoke Show AngularJS ui-router State Diagram from the Find action dialog (Shift-Cmd-A on OS X or Shift+Ctrl+A on Windows and Linux) or from the file context menu in the editor.

ui-router-852@2x

In JavaScript code, options suggested by the completion popup are now sorted by use – the more recent and frequently used relevant options are shown first.

Now, when you use linters like ESLint or JSHint, the whole word and not just the first symbol will be highlighted when there’s a warning reported by the linter. That way warnings and errors are much more noticeable.

eslint-warning

Your WebStorm Team

About Ekaterina Prigara

Ekaterina Prigara is WebStorm product marketing manager at JetBrains. She's passionate about new technologies, UX and coffee.
This entry was posted in Release Announcements and tagged . Bookmark the permalink.

30 Responses to WebStorm 2016.2.1 is now available

  1. Mitchell Zhu says:

    the node_modules folder will make long time scan_index and coding autocomplete.
    i already set this folder to exclude,but it not work~~~~~

    • Ekaterina Prigara says:

      Please try to disable a node_modules library in Preferences | Languages and Frameworks | JavaScript | Libraries.

      • olojiang says:

        No, it doesn’t work, I tried both 2016.2, 2016.2.1, the index process hang forever, but the same project works fine for 2016.1.3, so I have to go back.

        “Try to disable a node_modules library in Preferences | Languages and Frameworks | JavaScript | Libraries.”, this doesn’t work.

  2. Igor Kirsanov says:

    Nice, but when will you update the JSLint version???
    It is 2014-02-06!!! shame on you

  3. The “let” keyword is no longer being highlighted as a keyword when JavaScript language version is set to “Flow”.

  4. Luis Aviles says:

    Auto completing code is not working fine for Angular 2. (I already applied this bugfix)

    For example, I have issues to autocomplete the word “Component” in following case:
    import {Comp} from ‘@angular/core’;

    Also, I have a red underline for “@Component” into editor with the message: “Invalid number of arguments, expected 0”.
    The code I have is into my home.component.ts file:

    import {Component} from ‘@angular/core’;
    import {AlertComponent, DATEPICKER_DIRECTIVES} from ‘ng2-bootstrap/ng2-bootstrap’;

    @Component({
    providers: [],
    selector: ‘home’,
    directives: [
    DATEPICKER_DIRECTIVES,
    AlertComponent
    ],
    pipes: [],
    styleUrls: [‘./home.style.css’],
    templateUrl: ‘./home.template.html’
    })
    export class Home {
    date: Date = new Date();
    }

    I tested the same code over IntelliJ IDEA and those features went very well.
    Can you help me with this please?
    Thanks

  5. MohamadAli Ganji says:

    Thank you for how AngularJS ui-router State Diagram surprise. I tried it but in my project each component has its own router and for me its not possible to have benefit for entire application i just can view one component :(.
    If that would be possible to analysis the all router file that would be so nice.

    • Ekaterina Prigara says:

      Can you please tell us a bit more about the patterns you use in your app. Do you use something like:
      exports.viewContactState = {
      name: 'contacts.contact',
      url: '/:contactId',
      resolve: {... },
      template: contact_component_1.template,
      controller: contact_component_1.controller,
      controllerAs: 'vm'
      };

      Thanks!

    • Mohamad, as an aside, you are using the wrong kind of apostrophe. You seem to be using backticks instead of apostrophes. I’m pointing this out because if you did it here you may do it elsewhere, and those are entirely different characters with different meanings/interpretations in many contexts. Only pure text contexts like word processors don’t care, but as you can see above even in forums backticks often have a special interpretation.

  6. Bjorn T says:

    I don’t know what happened but everything is super slow now in all my forks. AppCode, IntelliJ, Webstorm. It just hangs looking for references, it hangs on updating syntax highlighting after changes.

    Macbook Pro and WebStorm 2016.2.1
    Build #WS-162.1447.27, built on August 2, 2016
    JRE: 1.8.0_76-release-b216 x86_64
    JVM: OpenJDK 64-Bit Server VM by JetBrains s.r.o

  7. MooYeol Lee says:

    It would be nice if Webstorm supports ui-router state diagram with CommonJS module :)
    (We are using Webpack to splitting our angular application.)

    For example,
    app.js is an entry point which require()s state configuration
    like this:


    // this is app.js file which is entry point
    const
    angular = require('angular');

    angular.module('myApp', [
    require('angular-ui-router'),
    require('some another module'),
    require('...')
    ]).config(...).run(...);

    require('./serviceA/serviceA-router.js');
    require('./serviceB/serviceB-router.js');
    require('./serviceC/serviceC-router.js');
    require('./faq/faq-router.js');


    // this is faq-router.js
    const angular = require('angular');
    angular.module('myApp').config(function ($stateProvider) {
    $stateProvider
    .state('faq', {
    url: "/faq",
    controller: 'FaqCtrl',
    template: require('./faq.jade')
    });
    });

  8. cubbuk says:

    While trying to commit I am getting this error: “Code analysis failed with exception: java.lang.ClassCastException: com.intellij.psi.impl.source.tree.PsiCommentImpl cannot be cast to com.intellij.lang.javascript.psi.jsdoc.JSDocComment”

    and since the update highlighting and intellisense for react is not working properly, any ideas how to solve it?

Leave a Reply

Your email address will not be published. Required fields are marked *