WebStorm 9 released: Meteor support, React and JSX, Gulp integration, and more

Today we are announcing the release of WebStorm 9 and we are really excited about that! You can download WebStorm 9 right now!

WS9_640

To brings you the very best development experience based on today’s most powerful and trending webdev technologies and tools, WebStorm 9 introduces:

  • Full support for Meteor. WebStorm now provides coding assistance and debug capabilities for Meteor applications.
  • Support for React including syntax highlighting, code completion and error detection for JSX and JavaScript expressions in JSX, and more.
  • Integration with Gulp that helps you easily browse through the list of project tasks and run or debug any of them.
  • New spy-js features: spy-js can now trace and profile Node.js apps, enhances code completion with the runtime data collected, and allows you to evaluate any expression without breakpoints.
  • Integration with PhoneGap, Cordova and Ionic so you can create, emulate and deploy mobile apps right from the IDE.
  • Automatic update for Node.js apps when code is changed, thanks to the updated Live Edit feature.

Other updates contributing to WebStorm 9 superiority include ESLint and JSCS code quality tools, EditorConfig support, Scratch files, enhancements in CSS3 support, postfix code completion for JavaScript, support for Polymer, and integration with Dart’s pub serve.

You can learn more details about the news features on the WebStorm website and download a free 30-day trial for your platform.

WebStorm 9 is a free update for everyone who purchased their license after October 22, 2013.

Join us October 30th for a free webinar with John Lindquist, A Deep Dive into WebStorm 9′s New Features. Registration is now open!

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Release Announcements | Tagged , , , , , , | 11 Comments

WebStorm 9 Release Candidate out

WebStorm 9 Release Candidate (build 139.104) is out today with all the final fixes and improvements. We are counting down the days until the public release of WebStorm 9, and it’s very important for us to get your last feedback on the new features. If you find any bug at all, please file an issue in our tracker.

You can download WebStorm 9RC on the WebStorm website and also have a quick tour around the new features that have been added in WebStorm 9.

Please note that to use WebStorm 9RC you need to have an active license (or start a 30-day trial period). To see the list of the issues fixed in this build, please go to the release notes.

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Release Announcements | 15 Comments

WebStorm 8.0.5 maintenance update to support debugging in Chrome 38

With WebStorm 9 release right around the corner (you can download WebStorm 9 beta right away), we are publishing the WebStorm 8.0.5 maintenance update to support debugging in the latest Chrome 38.

Patch update is available only for Windows and Linux users. We ask our Mac users to install WebStorm 8.0.5 from our website or use WebStorm 9 beta. The reason is that we applied some changes to the app preparing for the Yosemite release.

Stay tuned!

Develop with pleasure!
-JetBrains WebStorm Team

Posted in Release Announcements | 5 Comments

[Live Webinar] A Deep Dive into WebStorm 9′s New Features

Join us Thursday, October 30th, 10:00 AM – 11:00 AM PDT (17:00 – 18:00 GMT) for our free live webinar showing-off the hottest new features in WebStorm 9.

The webinar will follow the WebStorm 9 release that is planned for the end of October and that brings support for the most trending and powerful frameworks and tools around. You can try WebStorm 9 beta right now.

Join us to learn how the new features can help you in your daily development workflow. John Lindquist will give an overview of the Gulp integration, JSX support, new features in spy-js, Live Edit for Node.js and more. He will also share with you his pro-tips.

This is a don’t miss session!
Space is limited, please register now.

The new features that are going to be 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 different proficiency. The recording will be available after the webinar.

John LindquistJohn Lindquist started recording video tutorials on YouTube years ago. He started egghead.io in late 2013 (with the help of Joel Hooks) and now egghead has grown into something that can support him full-time. Before that, John was a Technology Evangelist at JetBrains and a Technical Architect at Roundarch for 3 years leading large teams in building the latest and greatest in web apps for the Air Force, HBO, and Bloomberg.
Posted in Webinar | 2 Comments

WebStorm 9 beta, 139.12: inline variables view and fixes

WebStorm 9 release is around the corner, so it’s a perfect time for WebStorm 9 beta.
Go ahead and download WebStorm 9 beta (139.12), no active license required. If you find a new issue, please let us know by filing a bug.

This update brings lots of fixes and minor improvements covering basically every part of WebStorm.

To get a broad overview of all new features in WebStorm 9 please visit Coming in 9 page on the product website.

WebStorm 9 beta also brings one more great new feature – the Inline Variables View. This debugging feature integrates the Variables view right in the Editor, by showing variable values next to their usages.

inlinevarview

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Early Access Preview | 1 Comment

WebStorm 9 EAP, 138.2406: spy-js code completion, CSS3 enhancements, Scratch files and… JSX

It’s been some really busy weeks for the WebStorm team. And now it’s time for the next WebStorm 9 EAP build and more new features. And some of them are huge!
Here is just a quick overview:
- spy-js powered code completion and magnifier
- ES6 support in spy-js
- CSS3 support enhancements
- Scratch files
- new way of indexing project node modules
- Dart’s pub serve integration
- Web Starter Kit as a new project template

And one more thing: improved JSX support!

Go ahead and download WebStorm 9 EAP (138.2406).
We are waiting for your feedback in our issue tracker.

Continue reading

Posted in Early Access Preview | Tagged , , , , , | 12 Comments

Meteor Support in WebStorm 9

This post is part of a series of posts covering features in WebStorm 9 EAP:

One of the most requested features for WebStorm has been support for Meteor, a framework for building both the frontend and backend of web applications using JavaScript. If you’re not familiar with Meteor, make sure you check-out their screencast which gives a quick intro to what it is about.

With WebStorm 9, we provide support for Meteor.
Download the latest WebStorm 9 EAP build right now to give it a try. Check the screencast to see the new features available.

Continue reading

Posted in Cool Feature, Early Access Preview | Tagged | 27 Comments

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.

meteorcompl

The key feature here is a special debug configuration for server-side Meteor code.

meteorrc

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

gulp-2x

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.

polymer2

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:

Develop with pleasure!
JetBrains WebStorm Team

Posted in Cool Feature | 45 Comments

JavaScript Postfix Completion

This post is part of a series of posts covering features in WebStorm 9 EAP:

It was bound to happen. Over a year ago we introduced the concept of Postfix code completion in ReSharper. A year later, it was introduced to IntelliJ IDEA 13, and today, we’re bringing Postfix code completion to JavaScript with WebStorm 9 EAP.

If you’re not familiar with it, here’s a glimpse into how it works:

Not Null

We are introducing a not null check after having typed the name of the argument. We do this by typing .notnull after the identifier.

Here is another example showing how we can do a for loop using .itin:

It In

The purpose behind Postfix completion is that often we realize that a certain construct has to be created when writing code, and this provides a more efficient way, as opposed to messing around with the cursors keys or mouse to position the caret in a specific place. If you think about it, it’s pretty similar to Live Templates, except that you’re invoking them after having written some code.

In addition to the above two completions, WebStorm provides the following postfix completions:

Postfix list

each of which can be activated or deactivated via Preferences | Editor | Postfix completion.

We can also invoke a list of completions available using the Cmd+J key (Ctrl+J on Windows), which invokes the Live Template insertion menu.

Try it out in the recently opened WebStorm 9 EAP and let us know what you think. If you have any suggestions on some completions you’d like, also let us know. You can either leave them as comments here or file in an issue in YouTrack.

Develop with pleasure!
JetBrains WebStorm Team

Posted in Cool Feature, Early Access Preview | 16 Comments

Tracing, debugging and profiling Node.js with spy-js

This post is part of a series of posts covering features in WebStorm 9 EAP:

spy-js for JavaScript and Node.js Spy-js, our “secret agent”, has done a great job at tracing, debugging and profiling front-end JavaScript code. With WebStorm 9 EAP, we’re expanding its job: there is no back-end Node.js code our 007 can’t infiltrate.

As a refresher, spy-js was introduced with WebStorm 8. It allows tracing our code without resorting to console.log, debugging it without breakpoints and profiling it without any specialized tools. When running our application with spy-js, it gathers intelligence which we can use to see exactly what was going on in our code, even if it’s no longer running.

Let’s pour a Vodka-Martini (shaken, not stirred) and see how we can use spy-js for tracing, debugging and profiling Node.js apps.

Continue reading

Posted in Cool Feature, Early Access Preview | Tagged , , , , , | 23 Comments