WebStorm 9 EAP, 138.1988: Meteor Support, Gulp and More
A couple of weeks ago we started the Early Access Program for WebStorm 9. Hopefully you are already enjoying WebStorm’s new features!
With the second EAP build we bring you more long-awaited features: support for Meteor, Gulp integration, and improved Polymer support.
Other updates include:
– support for tracing Karma tests with spy-js;
– saving and loading spy-js trace files;
– support for the latest Sass 3.4.
You can download WebStorm 9 EAP, 138.1988, from the Early Access Program page.
Meteor support
WebStorm now recognizes Meteor projects and helps you create them via the New project dialog. Code completion for Meteor API is provided thanks to a Meteor TypeScript definition file.
The key feature here is a special debug configuration for server-side Meteor code.
We’ll have a closer look at the workflow with Meteor in WebStorm in a later blog post, but feel free to try it right now and share your feedback with us.
Gulp integration
WebStorm 8 introduced Grunt support, but things are changing very fast in JavaScript world and now lots of projects are using Gulp as a build tool.
So, please welcome Gulp integration.
All tasks in your project gulpfile.js are listed in the Gulp tool window. Simply double-click the task name to start its execution.
However, unlike for Grunt integration, a new run configuration is created for every task, allowing you to run (Ctrl-Alt-R on Mac or Alt+Shift+F10 on Windows and Linux) or debug it with the familiar shortcuts.
Polymer support improvements
We’ve made improvements in Polymer support: now WebStorm better understands importing of custom elements, layout attributes and some of Polymer’s styling features. Also, the built-in debugger now stops on breakpoints inside element declaration.
For the full list of fixed issues please see the Release notes.
WebStorm 9 EAP (build 138.1988) is available for download from the Early Access Program page.
We’d really appreciate your feedback on these new features. You can post your comments here or in our issue tracker.
Please note that EAP builds do NOT require an active license and can be used for up to 30 days. To get notifications of new EAP builds as they become available, subscribe to the EAP channel in Settings | Updates.
To learn more about other WebStorm 9 features, please check these blog posts:
- WebStorm 9 EAP is open
- Live Edit Updates in WebStorm 9 – What’s new?
- Tracing, debugging and profiling Node.js with spy-js
- JavaScript postfix completion
Develop with pleasure!
JetBrains WebStorm Team
Colton McCormack says:
September 3, 2014Gulp and Meteor support? Finally! Been waiting for these ever since they were announced. Awesome work team, I’ll be putting it through the paces this week I’m sure.
Ekaterina Prigara says:
September 3, 2014Great! Let us know what you think once you try Meteor support and Gulp integration in action.
m_gol says:
September 3, 2014Wow, you’re really quick with this integrations, awesome! \o/
Now, if only CSS updates were applied faster… CSS3 suppory is kunds lacking currently (I know, I’ve been spoiled… ;))
Ekaterina Prigara says:
September 8, 2014We’re on it 🙂 Stay tuned!
Vladimir Varankin says:
September 3, 2014Nice features list! But could I ask, are there any plans for enhancing current WebStorm JSHint integration to support new features like
overridesproperty in .jshint config. It would be very useful for general client-server project.Sergey says:
September 4, 2014In which version overrides appeared? I can see that WS supports jshint 2.5.4. You can always switch to use config files, but checking correct checkbox in JSHint settings.
Vladimir Varankin says:
September 4, 2014According to JSHint project changelog it appeared in 2.5.0 as an experimental feature.
anthony says:
September 3, 2014Is there any plan on adding support to Objective-J (Such as syntax highlighting, type hint, etc.)? Would love to see supports on WebStorm!
Ekaterina Prigara says:
September 8, 2014Please vote for this feature on our issue tracker: http://youtrack.jetbrains.com/issue/IDEA-22106
Sergey says:
September 4, 2014Thanks very much to JetBrains team for bringing new things while fixing existing stuff – everything is very exciting. You guys rock!
Anthony says:
September 4, 2014Looking good, EXCEPT, the new “settings” layout. Yikes! Bring back the old one!
Nicolas says:
September 5, 2014Hi, I’m giving it a try but I’m stuck on the configuration. I can’t get webstorm to run my meteor project (and then debugging and soon).
Where can I find information about the way to setup the server configuration for meteor?
Thanks!
Andrey Starovoyt says:
September 6, 2014Hi,
1) Meteor project should be autodetected by .meteor folder. After detection all html files by default should be associated with ‘handlebars’
2) Webstorm try to detect the Meteor executable. You can check that the path to executable is correct in the settings: ‘Preferences -> Lang and Frameworks -> JavaScript -> Meteor –> Meteor executable’
3) If project is detected as Meteor project and executable is set up then the Meteor run configuration should work with default settings (it is separate item in the ‘Add new configuration’)
Michał Świtoń says:
September 5, 2014Will all those features be available in upcoming PHPStorm 8 as well?
Andrey Starovoyt says:
September 6, 2014Hi,
Gulp integration (and improved Polymer support) should be available in current PhpStorm 8 EAP (138.2071) . Meteor is available as plugin.
James Wilson says:
September 5, 2014Thank you so much for making the best IDE even better! You guys really rock!!!
Do you know if Coffeescript will have equal footing in Meteor support?
Ekaterina Prigara says:
September 8, 2014Have you tried Meteor with CoffeeScript? Did you experience any specific problems?
Michael Coo says:
September 9, 2014Coffeescript files seem to be unable to work properly.
Meteor.users for example is not detected.
Michael Coo says:
September 9, 2014I’m sorry, I had to enable the Meteor project library, since it was an existing project. ^_^
Ekaterina Prigara says:
September 9, 2014So it’s ok now? 🙂
Sergey says:
September 7, 2014Tutorial for spy-js with Karma would be quite useful. Thank you.
Artem Govorov says:
September 8, 2014I have been thinking of publishing some notes on the subject, the workflow is nothing but running Karma run configuration and spy-js run configuration at the same time. In a meantime you could just read Karma tutorial and spy-js with PhantomJs usage notes to get started.
zoomclub says:
September 9, 2014ReactJS and Webpack support?
Ekaterina Prigara says:
September 9, 2014Right now you can have code highlighting and some inspections for JSX. For more complex support there is an issue you could vote for and follow.
No plans for webpack integration right now. We encourage you to create a feature request on the issue tracker. Thanks!
Ekaterina Prigara says:
September 17, 2014We’ve created an issue for Webpack support: http://youtrack.jetbrains.com/issue/WEB-13409
Please suggest your ideas for support enhancement.
Ulrik Augustsson says:
September 15, 2014Gulp doesn’t seem to be able to read my gulpfile properly.
I have a gulp.task(‘default’, [‘scripts’]); that I can run fine on it’s own but webstorm doesn’t seem to be able to pick it up.
Ekaterina Prigara says:
September 16, 2014You don’t see it in the list of available tasks in the tool window? Would really appreciate if you report it as an issue on our tracker and add a code sample.
Danny says:
September 16, 2014No Yeoman support?
Ekaterina Prigara says:
September 17, 2014Not this time, sorry.
Kristian Mandrup says:
September 18, 2014Ember.js support? Ember-CLI will be the new standard project generator by 2.0.
Ember is ready now for some advanced IDE support. Not sure how/what exactly however (likely same reason why you haven’t focused on Ember as well…?).
HTMLBars should land soon, which will improve/change the way handlebars work…
ember-cli naming conventions however should make it very convenient to navigate around between controllers, models etc. since they follow very strict conventions. This could be leveraged. Also would be nice with some snippets and various type-aheads etc.
For testing, Qunit is the default choice.
Ekaterina Prigara says:
September 19, 2014Hello Kristian,
For the upcoming WebStorm 9 release we are not planning to add any Ember-specific features, but we would definitely discuss and consider some for the next WebStorm updates. Thanks for you suggestions.
Nikos says:
October 15, 2014I work for a large uk multinational company and see Ember as better than angular for our needs. We are purchasing licenses but would love to have even just basic ember support like navigating to ember models via crtl click on handlebars templates.
Ekaterina Prigara says:
October 15, 2014Nikos, could you please report a feature request and describe the key features you’d expect in Ember support: https://youtrack.jetbrains.com/issues/WEB
Thanks!
Nikos says:
February 2, 2015Ok here is is:
https://youtrack.jetbrains.com/issue/WEB-15040
thanks
Ekaterina Prigara says:
February 2, 2015Thanks! Have you merge your issue with this one created a bit earlier: https://youtrack.jetbrains.com/issue/WEB-14919
Dominic says:
September 22, 2014Hello,
I tried the meteor server debug, but the Inspector never stops at a breakpoint. Do I miss anything? I set up the Run debug config and in the console of Webstorm it says debugger listening on port 55579 and the browser starts with localhost:3000, but it never stops at any breakpoint.
Thanks Dominic
Ekaterina Prigara says:
September 22, 2014Hello, Dominic!
Do you have any messages from Meteor in the console in the tool window? For example, it can start doing an update…
Have you tried to put breakpoints on any other lines in your file or in different project files? Does it stop anywhere?
Dominic says:
September 22, 2014Hello,
I had the .meteor inside a subfolder app. Now I marked this as resource root and it seems working fine. But file changes inside of packages folder doesn’t seem to get recognized. Even if re restart the debugger the changes doesn’t seem to work.
Any idea on this?
Andrey Starovoyt says:
September 22, 2014Could you please describe your project structure in the issue https://youtrack.jetbrains.com/issue/WEB-13490 and explain how you set an breakpoint for files from packages folder.
Andy Fang says:
October 6, 2014Could you add Jekyll front-matter support for formatting SASS?
Ekaterina Prigara says:
October 6, 2014Could you please create a feature request for that? https://youtrack.jetbrains.com/
At the moment we only have a related issue about Front matter support in HAML.
Kristian Mandrup says:
October 13, 2014Ember.js support: Could you at least create a feature to detect an Ember CLI project and then remove /tmp and /dist from Webstorm indexing, as well as from search.
Also, would be nice in general to have some radio boxes on global search to exclude folders such as node_modules and bower_components (or folder defined in .bowerrc)
Thanks 😉
Ekaterina Prigara says:
October 13, 2014At the moment the workaround would be to exclude manually (folder context menu – mark as excluded) /tmp and /dist folders from the project . Would be great if you create a feature request for excluding them automatically.
We automatically mark node_modules folder as a JS library. And starting from WebStorm 9 we index only top level modules in this folder. That decreases indexing time, while WebStorm is still able to provide code completion for functions and methods from node dependencies.
Ted Goldstein says:
October 19, 2014Very nice. This is my first time in more than a decade than using any JetBrains product. I was attracted by the MeteorJS support. Usually I am a old-school to the metal guy. But MetorJS makes copies of things in .build directories. One really needs WebStrom to keep it together.
One issue: It would be great to be able to set breakpoints in MeteorJS installed packages. Most packages are still under development themselves and are not well documented. MeteorJS and AtmosphereJS do a great job of distributing and installing the packages. The underlying nodejs debugger clearly knows about them. I can single step into packages. But the debugger doesn’t take accept the breakpoint.
Andrey Starovoyt says:
October 20, 2014Hi. We have issue https://youtrack.jetbrains.com/issue/WEB-13490 for the problem
Daniel says:
February 23, 2015Love the support for Meteor. Still new to Webstorm.
Question. I created a new ‘Meteor JS App’ using the Leaderboard template, created a Run Configuration — and it runs just fine. What do I do when I modify my code? If I try to run the configuration again I get “Can’t listen on port 3000. Perhaps another Meteor is running?”. How can I close the already running Meteor that Webstorm automatically starts up for me and re-start? Or — is there a better way to do this?
Andrey Starovoyt says:
February 26, 2015Probably you try to run the new Meteor run configuration while there is active session. You should use ‘stop’ button or ‘restart’ instead (left side of tool window https://lh3.googleusercontent.com/33cPA_eJlI2OSKW1PF1xxgfS5xyPdepocdXiTd9UkQ98kvxJNXLArhv_IlgPwOZmJrEgQjaYCdk=w2536-h1204 ).
Note: By default Meteor integration in WebStorm uses ‘hot code push’ feature. You need just to save the project files for applying changes on the server.