Webinar Recording: A Deep Dive into WebStorm 9’s New Features

The recording of our October 30th webinar with John Lindquist, A Deep Dive into WebStorm 9’s New Features, is now available on the JetBrains YouTube channel.

In this webinar, John covers the hottest new features in the recently released WebStorm 9. You will learn React basics and how WebStorm can help you develop with this popular library. Then John gives his tips on running and debugging Meteor application in WebStorm and shows amazing new features of spy-js (spy-js code completion and magnifier), Gulp integration, EditorConfig support and postfix code completion.

As always, John shows dozens of really cool WebStorm features that could really boost your productivity, like using and creating custom Live templates, cyclic code completion, search for actions, and many others.

You can read more about some of the features demoed in the webinar on our blog:

If you haven’t updated to WebStorm 9 yet, now’s a great time to do that!

The new features covered in this webinar are available in WebStorm 9 and PhpStorm 8 and also in the upcoming IntelliJ IDEA 14, RubyMine 7 EAP and PyCharm 4. This webinar is geared towards developers of all proficiency levels.

If you have any questions, please feel free to ask in the comments.

Here is also a short Q&A section based on the questions asked during the webinar:

Q: Where can I learn more about EditorConfig?
A: Please check EditorConfig website,  where you can find the formatting rules and some basics on working with EditorConfig.

Q: Can I navigate and run Gulp tasks with the keyboard shortcuts?
A: There are several ways to organize your workflow with Gulp: first, you can assign a keyboard shortcut to Show Gulp tasks action in Preferences | Appearance and Behavior | Keymap and then select the task you’d like to run with the keyboard and hit Enter to start a task. Secondly, since a new run configuration is created for every task, you can run (Ctrl-Alt-R on Mac or Alt+Shift+F10 on Windows and Linux) or debug it with the familiar shortcuts.

Happy developing!

Your JetBrains WebStorm Team

Comments below can no longer be edited.

7 Responses to Webinar Recording: A Deep Dive into WebStorm 9’s New Features

  1. Avatar

    Eric Berry says:

    November 4, 2014

    Do you know when will these features be available in IDEA?

    • Ekaterina Prigara

      Ekaterina Prigara says:

      November 5, 2014

      This features are available in IntelliJ IDEA 14.

  2. Avatar

    Nick Middleweek says:

    November 13, 2014


    I’ve got IntelliJ but I spend most of my time doing Web Development, sometimes in Java projects, sometimes in Ruby and currently in PHP.

    Whenever I read an article about WebStorm I think, perhaps I should switch IDE’s and have the features to hand on a plate for me to use.

    But then I think that having the full version is better, more flexible option…? I guess that’s my first question? Is it more flexible?

    In an ideal world I’d like to have config for my IntelliJ so I can load it up like WebStorm or load it up like PhpStorm… Do you know if this is possible?

    I tend to work on different projects, different environments and code bases. I’m primarily a front end developer but have start coding in NodeJS and want to be able to work within PHP, Ruby and Java environments… Am I best off just switching to WebStorm or should I stick with IntelliJ and perhaps learn how to customise it for each project?

    Any advice will be gladly received…


    • Ekaterina Prigara

      Ekaterina Prigara says:

      November 13, 2014


      If you’d like to have coding assistance (starting from syntax highlighting to refactoring, inspections and more) for Java, PHP or Ruby while working on the front-end part of the application, IntelliJ IDEA is the right choice. WebStorm will display these languages just as a plain text.
      WebStorm is basically just a part of IntelliJ IDEA, all the features available in WebStorm are also available in IntelliJ IDEA either out of the box or as free plugin (e.g. Node.js plugin).
      Regarding IJ customisation for different projects, the only thing I can suggest is to disable PHP support plugin when working on Java project or disable Ruby plugin when working with PHP code, etc. That would allow you to make IJ a bit less “polyglot” and distracting. However, plugin settings are saved on IDE level not on project level.

  3. Avatar

    jwjb says:

    November 14, 2014

    @John Lindquist, thanks for doing this webinar and especially love it when you talk about Meteor.js support in WebStorm 9 for five minutes starting at 23:00.

    I know Meteor API completion is included in this update, but how about code completion for Meteor.js packages on Atmospherejs such as Iron.Router for routes and testing with Velocity, the official testing framework for Meteor, using the velocity-compatible test framework mike:mocha.

  4. Avatar

    Isis says:

    November 17, 2014

    I do believe all the ideas you’ve introduced in your post. They’re really convincing and will certainly work. Nonetheless, the posts are too brief for beginners. May just you please lengthen them a bit from subsequent time? Thanks for the post.