WebStorm 2017.1 Early Access Preview

Today we start the Early Access Preview for WebStorm 2017.1 (EAP). Download WebStorm 2017.1 EAP, build 171.1834.8, here and install it side by side with your current stable WebStorm. No active subscription is required.

Since we released WebStorm 2016.3 a month ago, we’ve mostly focused on fixes, but also managed to add some new features in WebStorm 2017.1 EAP. Many more are coming after the holiday season. Stay tuned!

Better testing experience

Now it’s even easier to run Mocha tests with the new Run icon on the gutter. Click on an icon next to the test or the suit name and select Run or Debug.

run-test-with-an-icon

Once you’ve run the tests, the icon will show their status – green circles for passed tests, red for failed ones. The run and debug actions will be still available on a click.

You can also re-run tests automatically on changes. To do so, click the Toggle auto-test icon on the left-hand side of the test tool window. You will see how their status changes in the editor, even if you have previously hidden the tool window. This will work both for Mocha and Karma.

auto-test

Don’t forget that you can also run Mocha tests with a shortcut: place the caret on a test or a suit name and press Ctrl-Shift-R on macOS or Ctrl+Shift+F10 on Windows & Linux.

The new Go to test action (Shift-Cmd-T on macOS or Ctrl+Shift+T on Windows & Linux) lets you quickly navigate from a file to a related test file that follows popular naming conventions, e.g. has a .test., .spec. or _spec. suffix and is located either next to a file or in a test folder.

Integration with the Angular language service

WebStorm adds integration with the Angular language service, developed by the Angular team to improve code analysis and completion for Angular-TypeScript projects.

To enable the service, first, run the following in your project root:

npm install @angular/language-service --save-dev

Important: Due to some limitations of the service, please use it with Angular 2.3.1 or higher and with TypeScript 2.0.10.

WebStorm will start the service together with the TypeScript service. You’ll see all the errors and warnings in your TypeScript and HTML files not only in the editor, but also in the TypeScript tool window.

angular-service

WebStorm will also add the results provided by the Angular service to code completion, wherever possible. All refactorings are powered by WebStorm.

Faster start with linters

WebStorm has integration with many popular linting tools that allows you to see the errors and warnings from these linters right in the editor.

Now when you open a new project that uses ESLint, TSLint, JSCS, or Stylelint (has it listed in package.json or has a related config file), error highlighting will be enabled automatically. You can always disable that (or enable for your existing project) in Preferences – just search for the name of the linter to get to the right configuration page.

Other noticeable features include:

  • Support for emoji in the editor (rendered as color images on macOS and as monochrome characters on Windows and Linux)
  • Zero-latency typing is now enabled by default
  • Support for do expressions ECMAScript proposal
  • WebStorm for Windows now comes with a bundled 64 bit JKD

The full list of issues addressed in this EAP build can be found on our issue tracker.

Learn more about other new features in WebStorm 2017.1:

  • WebStorm 2017.1 EAP, 171-2014: New intentions that convert forEach and for..in iterations over arrays to for..of; Code style options for quotes and ternary operators; New inspection Equality operator may cause type coercion.
  • WebStorm 2017.1 EAP, 171.2272:  Support for JavaScript Standard code style; Completion for package names and versions in package.json.
  • WebStorm 2017.1 EAP, 171.2455: Improved integration with TSLint; Code style options for the use of semicolons in JavaScript and TypeScript.
  • WebStorm 2017.1 EAP, 171.2822: Initial support for Vue.js; Code style option for trailing comma; Debugging Dart VM tests.

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.

– JetBrains 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 Early Access Preview and tagged , , , , . Bookmark the permalink.

30 Responses to WebStorm 2017.1 Early Access Preview

  1. Did the font rendering change? Using the exact same font and font size (Consolas, 15pt) it now looks… different, very noticeably so. I’m not complaining, it’s not worse, merely different. I’m just curious what changed. I saw nothing in the release notes. Alternatively, the syntax-related individual color and font settings might have changed (but if that happened it was none of my doing).

  2. Didier Noumia says:

    Anything new about react?

  3. Chris Harris says:

    The ‘Platform and Plugin Updates’ dialog in my 2016.3 EAP build leads to a download for 2016.3.2 at https://www.jetbrains.com/webstorm/download/, not 2017.1.

  4. Was their a change regarding the JRE? I used to run the 32bit version because somewhere there is an old blog post or forum comment saying it actually is better unless you really need 64bit WebStorm. After installing this EAP I was told there is no 32bit Java on my system and I had to use webstorm64.exe to start the IDE.

  5. What about vue js 2 support?
    VueJS is getting more popular every day.
    Just look at its github stars.

  6. jan says:

    zero latency typing is pretty meh as the whole webstorm and it’s UI freezes occasionally. It’s good when it’s working but the webstorm is doing some stuff pretty often which freezes the whole ui. If webstorm wouldn’t run it’s ui in the same thread as the heavy lifting, zero typing latency would maybe make some sense.

    • Ekaterina Prigara says:

      Thanks for your feedback. Would be very helpful if you report the performance issues you have by sending us a content of your IDE log folder (menu Help – Show log) to https://youtrack.jetbrains.com/issues/WEB
      Please also note that it’s an Early access preview build and it means that it is not fully tested and optimized, we publish them to get initial feedback.

    • I had the same problem with you.
      Try to give a little more memory to the program (from 750mb to 1024mb for example) and see if that helps.
      Help –> Edit Custom VM Options

  7. Bastian says:

    does anyone have problems with ctrl/cmd keys in the terminal on mac? can’t ctrl-c or copy/paste anything from that window.

  8. Refael Ackermann says:

    What is the benefit of the bundled JRE64?

  9. Regarding Zero Latency mode, near the end of 2015 somebody very thoroughly tested that aspect of many editors on various OSs:

    https://pavelfatin.com/typing-with-pleasure/

    You’ll find that IDE *with Zero Latency enabled* did extremely well.

    In the current RC though I now occasionally get a dialog while typing that the on-disk version of the file differs from the in-memory version, and I guess that might be due to that zero-latency feature…?

  10. Mihail says:

    Can you add auto-completion for data-*? Would really help me with Bootstrap.

  11. revena says:

    uninstall, not yet support vue :P

  12. Pingback: WebStorm 2017.1 EAP, 171.3224: completion for Vue components, improved integration with ESLint | WebStorm Blog

Leave a Reply

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