WebStorm 8 EAP (build 134.1361): multiple selection

Posted on by Ekaterina Prigara

Today WebStorm 8 EAP update brings a feature that was very anticipated and we are really excited to introduce it: multiple selection!

And that’s not the only thing you should be excited about in this update:

  • new batch of improvements and fixes in AngularJS support
  • spy-js now allows you to trace web sites on your mobile devices
  • new Live console in JavaScript and Node.js debugger that allows you to enter commands and code
  • CucumberJS support.

You can find download links on WebStorm EAP page. This build is free and can be used for 30 days, no active subscription is required. Your feedback is very welcomed on YouTrack. You can look through the release notes.

Let’s have a closer look.

Multiple selection

Multiple selection allows you to put cursor in multiple locations in your file and write code simultaneously in these positions. Press Alt+Shift on the keyboard and select the locations of cursors with the mouse.

To take it one step further we added an opportunity to use autocompletion (hit Ctrl+Space) and live templates with multiple selection.

With Select Next Occurrence (Ctrl+G on Mac and Alt+J on Windows) you can add the next occurrence of the current word to the selection and then easily replace it.

msnext

We are still working on this feature and would appreciate bug reports on our issue tracker.

Spy-js and mobile devices

Did you know that with spy-js you can trace websites not only in different browsers on your machine, but also on different devices?

Here are the quick tips how to try it:

  • Make sure that your device should be in the same network as the computer with WebStorm with spy-js running
  • Configure HTTP proxy on your device: server – computer’s ip address, port – port number in the spy-js run/debug configuration
  • Start spy-js configuration
  • Open a web site in the browser on your device: you’ll see a list of JavaScript events from this web site in the spy-js Tool window.

We’ll add more detailed tutorials on spy-js in the nearest future.

Live console in debugger

Updated console in JavaScript and Node.js debugger works as a shell prompt and allows you to execute commands and call functions.

liveconsole

You can find download links on  WebStorm EAP page. We welcome your feedback in the comments and on our issue tracker.

Develop with pleasure!
– JetBrains WebStorm Team 

Comments below can no longer be edited.

29 Responses to WebStorm 8 EAP (build 134.1361): multiple selection

  1. Andriy Bazanov says:

    February 28, 2014

    Multiple selection — check for existing and post new tickets here: http://youtrack.jetbrains.com/issues/IDEA?q=summary%3A+%22Multiple+Carets%3A%22

  2. Stefano Cecere says:

    February 28, 2014

    do these features come into IntelliJ IDEA at the same time as Webstorm EAP?
    or later?

    (it’s the only features i’m missing from my still-always-open SublimeText 🙂

    • Ekaterina Prigara says:

      February 28, 2014

      Follow IntelliJ IDEA blog for 13.1 updates: AngularJs and spy-js should already be available as plugins in the latest EAP build, multi-cursor will be added later (though, not absolutely sure that in 13.1).

  3. Nikos says:

    February 28, 2014

    Is there a tutorial for the angular support, doesn’t do much for me apart from allowing me to click go to js files from html directives

    • Ekaterina Prigara says:

      February 28, 2014

      Main features of support are syntax highlighting and code completion for AngularJS specific syntax as well as some on-the-fly error detection (for example, for code inside {{}}). We’ll publish some screencasts with the release.

  4. Henry Garcia says:

    February 28, 2014

    Nice Multiple Cursor feature.

    When will this feature be available in PHPStorm.

    • Ekaterina Prigara says:

      February 28, 2014

      Yes, follow PhpStorm blog for updates

  5. Elior Boukho says:

    February 28, 2014

    Will this be available on PHPStorm too?

    • Ekaterina Prigara says:

      February 28, 2014

      Yes, follow PhpStorm blog for updates

  6. Gordon Tyler says:

    March 1, 2014

    If I try to use the update from inside WebStorm, the patcher fails saying:

    Temp. directory: C:\Users\Owner\AppData\Local\Temp\

    java.io.IOException: Cannot delete file C:\Program Files (x86)\JetBrains\WebStorm 134.1081\lib\util.jar
    at com.intellij.updater.BaseUpdateAction.replaceUpdated(BaseUpdateAction.java:38)
    at com.intellij.updater.UpdateZipAction.doApply(UpdateZipAction.java:199)
    at com.intellij.updater.PatchAction.apply(PatchAction.java:140)
    at com.intellij.updater.Patch$3.forEach(Patch.java:198)
    at com.intellij.updater.Patch.forEach(Patch.java:248)
    at com.intellij.updater.Patch.apply(Patch.java:194)
    at com.intellij.updater.PatchFileCreator.apply(PatchFileCreator.java:86)
    at com.intellij.updater.PatchFileCreator.apply(PatchFileCreator.java:77)
    at com.intellij.updater.Runner.doInstall(Runner.java:254)
    at com.intellij.updater.Runner.access$000(Runner.java:18)
    at com.intellij.updater.Runner$2.execute(Runner.java:220)
    at com.intellij.updater.SwingUpdaterUI$5.run(SwingUpdaterUI.java:181)
    at java.lang.Thread.run(Thread.java:724)

    • Ekaterina Prigara says:

      March 1, 2014

      Thanks for report, we’ll have a look.

    • Adrian Ziobro says:

      March 1, 2014

      Exactly the same thing happening on my Windows 8.1 Pro x64. The log looks identical, except the first line, of course (mine is: Temp. directory: C:\Users\Adrian\AppData\Local\Temp\).

    • Mike says:

      March 3, 2014

      I get the same thing when trying to patch from inside web storm eap 8.

  7. Scott Williams says:

    March 1, 2014

    Two really nice new features there. I was wondering if you were planning any more enhancements to the live console. So we can pick through objects or see the contents of arrays directly in the console, like in chrome?

    • Ekaterina Prigara says:

      March 1, 2014

      Live console is still work in progress. We have this in our plans, but not sure that it will be in WebStorm 8.

  8. Martin says:

    March 1, 2014

    Is it only me having problem with ALT+Shift on linux? ALT+J works for selecting next occurrence, but I can’t get ALT+Shift to work. I’m using Arch Linux x64 with openjdk (I know we’re not supposed to use that, but I haven’t had problem so far).

    • Ekaterina Prigara says:

      March 1, 2014

      I’ll have a chance to test in on Monday, but this shortcut should work on Linux too.
      It’s ok to use openJDK 1.7+ 🙂

    • Ekaterina Prigara says:

      March 4, 2014

      Try pressing Window key in addition to alt and shift, should work this way.

      • Martin says:

        March 4, 2014

        Thanks, but I’m still unable to get it to work. I also reverted the key map to default just in case.

        Is it possible to change the binding somewhere? It’s not possible to search for alt+shift+win in the keymap dialog, so I can’t figure out what it is called.

        I’m using Arch Linux x64 running XFCE.

        • Ekaterina Prigara says:

          March 4, 2014

          Right now we are missing this action in the keymap settings, are going to add it in the next update and probably reassign the default shortcut to atl+click.

        • Wolf says:

          August 28, 2014

          Hit Win + Alt + click
          Kubuntu 14.10 worked like a charm =)

  9. Chris says:

    March 1, 2014

    Love the multiple cursors. I don’t think I have any reason to use Sublime anymore. I wish this feature was in word processors and spreadsheets.

  10. Londeren says:

    March 5, 2014

    Great feature! Thanks!

  11. Jason says:

    March 17, 2014

    Tried out cucumberjs support, keep getting “Executable is not specified”, what am I missing? (NodeJS is installed and configured in the IDE).

    • Ekaterina Prigara says:

      March 17, 2014

      Do you have CucumberJS installed globally on your computer?

  12. Bryan Rayner says:

    April 5, 2014

    Sublime Text has the ability to drop a cursor at each line in a selected region. This is a super valuable command that I feel is missing in Web Storm.

    • Ekaterina Prigara says:

      April 7, 2014

      Do you mean something similar to Column selection mode in WebStorm (alt-mouse drag, see the very beginning of this video http://www.youtube.com/watch?v=JBkGOPR3-nA)?

      • Ahmed Ayoub says:

        March 28, 2017

        Not exactly, with sublime, you could select (with no accuracy needed) bulk of lines and convert each line into a cursor. it is really helpful when dealing with large number of lines (thousand or something)