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
Gulp 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.
Great! Let us know what you think once you try Meteor support and Gulp integration in action.
Pingback: WebStorm 9 EAP is Open! | JetBrains WebStorm Blog
Wow, 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… ;))
We’re on it :) Stay tuned!
Nice 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.In 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.
According to JSHint project changelog it appeared in 2.5.0 as an experimental feature.
Is there any plan on adding support to Objective-J (Such as syntax highlighting, type hint, etc.)? Would love to see supports on WebStorm!
Please vote for this feature on our issue tracker: http://youtrack.jetbrains.com/issue/IDEA-22106
Thanks very much to JetBrains team for bringing new things while fixing existing stuff – everything is very exciting. You guys rock!
Looking good, EXCEPT, the new “settings” layout. Yikes! Bring back the old one!
Hi, 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!
Hi,
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’)
Will all those features be available in upcoming PHPStorm 8 as well?
Hi,
Gulp integration (and improved Polymer support) should be available in current PhpStorm 8 EAP (138.2071) . Meteor is available as plugin.
Thank 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?
Have you tried Meteor with CoffeeScript? Did you experience any specific problems?
Coffeescript files seem to be unable to work properly.
Meteor.users for example is not detected.
I’m sorry, I had to enable the Meteor project library, since it was an existing project. ^_^
So it’s ok now? :)
Tutorial for spy-js with Karma would be quite useful. Thank you.
I 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.
ReactJS and Webpack support?
Right 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!
We’ve created an issue for Webpack support: http://youtrack.jetbrains.com/issue/WEB-13409
Please suggest your ideas for support enhancement.
Gulp 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.
You 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.
No Yeoman support?
Not this time, sorry.
Ember.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.
Hello 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.
I 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.
Nikos, 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!
Ok here is is:
https://youtrack.jetbrains.com/issue/WEB-15040
thanks
Thanks! Have you merge your issue with this one created a bit earlier: https://youtrack.jetbrains.com/issue/WEB-14919
Hello,
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
Hello, 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?
Hello,
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?
Could 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.
Pingback: WebStorm 9 EAP, 138.2406: spy-js code completion, CSS3 enhancements, Scratch files and… JSX | JetBrains WebStorm Blog
Could you add Jekyll front-matter support for formatting SASS?
Could 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.
Ember.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 ;)
At 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.
Very 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.
Hi. We have issue https://youtrack.jetbrains.com/issue/WEB-13490 for the problem
Pingback: Meteor Support in WebStorm 9 | JetBrains WebStorm Blog
Love 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?
Probably 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.