WebStorm 2016.2.1 is now available

Posted on by Ekaterina Prigara

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

Comments below can no longer be edited.

30 Responses to WebStorm 2016.2.1 is now available

  1. Mitchell Zhu says:

    August 3, 2016

    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:

      August 3, 2016

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

      • olojiang says:

        August 4, 2016

        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.

        • Ekaterina Prigara says:

          August 4, 2016

          Please then send us the content of your IDE log folder (menu Help – Show log) on http://youtrack.jetbrains.com/issues/WEB

          • olojiang says:

            August 5, 2016

            Register and submitted with logs.
            https://youtrack.jetbrains.com/issue/WEB-22700

            Although I can not provide my project, but hope it can be resolved, as it’s blocking issue for adopting new version, if any one like me to have a node.js project frozen.

            If it’s not my own issue (Same project works for 2016.1.3), then it’s serious one.

            • Ekaterina Prigara says:

              August 5, 2016

              Thanks! My colleague replied to you in the issue. Hope that helps.

          • olojiang says:

            August 5, 2016

            Thanks, it works now, I verified, multimarkdown has problem with 2016.2 or 2016.2.1. After uninstall it, I can continue enjoy.

  2. Igor Kirsanov says:

    August 4, 2016

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

  3. Michiel Helvensteijn says:

    August 4, 2016

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

  4. Luis Aviles says:

    August 4, 2016

    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:

    August 5, 2016

    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 it 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:

      August 5, 2016

      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!

    • Mörre Noseshine says:

      August 8, 2016

      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:

    August 8, 2016

    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:

    August 10, 2016

    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() 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:

    August 11, 2016

    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?