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.
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.
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
Multiple selection — check for existing and post new tickets here: http://youtrack.jetbrains.com/issues/IDEA?q=summary%3A+%22Multiple+Carets%3A%22
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 :)
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).
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
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.
Nice Multiple Cursor feature.
When will this feature be available in PHPStorm.
Yes, follow PhpStorm blog for updates
Will this be available on PHPStorm too?
Yes, follow PhpStorm blog for updates
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)
Thanks for report, we’ll have a look.
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\).
I get the same thing when trying to patch from inside web storm eap 8.
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?
Live console is still work in progress. We have this in our plans, but not sure that it will be in WebStorm 8.
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).
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+ :)
Try pressing Window key in addition to alt and shift, should work this way.
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.
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.
Hit Win + Alt + click
Kubuntu 14.10 worked like a charm =)
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.
Great feature! Thanks!
Tried out cucumberjs support, keep getting “Executable is not specified”, what am I missing? (NodeJS is installed and configured in the IDE).
Do you have CucumberJS installed globally on your computer?
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.
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)?
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)
Please vote for this feature request and follow it for updates: https://youtrack.jetbrains.com/issue/IDEA-122181