WebStorm 7.0.3 EAP

The next update for WebStorm 7 is going to be much more than a regular bug-fix update. It will bring you lots of cool new features.

This update will be made available for everyone by the end of the year. Before that, as usual, we suggest that you try it as part of our Early Access Program. You can download it here or get the update via the EAP channel in the IDE. It requires an active license.

WebStorm 7.0.3 EAP highlights

There will be lots of fixes in TypeScript and Dart support, an improved tree view for Mocha tests, support for @template in JSDoc and much more. Check the release notes for the full list of issues fixed in this update.

WebStorm 7.0.3 EAP is now totally in sync with the latest version of IntelliJ Platform. This means WebStorm has the following:

  • New minimalistic UI - toolbar and tool window buttons are hidden by default (you can always invoke View | Toolbar and View | Tool Buttons)


  • Lens mode - hover the mouse somewhere over the scroll bar and see the source code preview (especially useful when hovering over a warning/error message):

  • Faster and more powerful search and navigation:
    • Marvelous search everywhere to search for a class, action, symbol or file. Just try it with the magnifying glass icon at the top-right, or invoke it with Double-Shift:

    • Navigate to folder in Navigate to file dialog:


  • Support for Subversion 1.8.
  • Log view for Git and Mercurial, and more.

Download WebStorm 7.0.3 EAP build 133.350 for your platform from the project’s EAP page, and please report any bugs and feature request to our Issue Tracker.

Develop with pleasure!
-JetBrains WebStorm Team

Posted in Early Access Preview | 4 Comments

Using Compass in WebStorm

Sass and SCSS extend CSS with variables, mixins, selector inheritance and other nice features that make CSS much friendlier for modern development. The Compass framework is built on Sass, adds a variety of great reusable patterns, and in general makes development with Sass and SCSS much better.

Follow these steps to set up Compass for your project in WebStorm.

Continue reading

Posted in Cool Feature, Tutorials | 4 Comments

Webinar: Exploring WebStorm Tool Windows, December, 19th

Join us Thursday, December 19th, 17:00-18:00 GMT (9:00-10:00am PST) for a free webinar, Exploring WebStorm Tool Windows with John Lindquist, JetBrains Technical Evangelist.

In our previous webinar, WebStorm Tricks and Tips, John talked about the basic productivity features that WebStorm offers. We would like to continue the series and now focus on the built-in tools that surround the edges of the IDE (i.e., “Tool Windows”).

In this webinar, John will cover all the built-in tools included with WebStorm: Debugger, Todo, Bookmarks, Favorites, Structure, and Terminal. He will show how each of the tools fit into your daily development workflow and how they integrate with managing and working with your codebase.

Our webinar is geared towards developers of different proficiency who use WebStorm or work with JavaScript, HTML and CSS in IntelliJ IDEA, PhpStorm, PyCharm or RubyMine. Space is limited; please register now. The recording will be available within a week after the webinar.

John LindquistJohn Lindquist is a Technology Evangelist at JetBrains. John has spent the majority of his career developing Rich Web Applications. Before joining JetBrains, he was a Technical Architect at Roundarch leading large teams in building the latest and greatest in web apps for the Air Force, HBO, and Bloomberg.
John focuses much of his free time on delivering high-quality video tutorials and offering them up for free on his youtube channel. He recently has launched his own video tutorial training site at http://egghead.io currently focusing on AngularJS.
Posted in Webinar | Leave a comment

Meet WebStorm 8 Development Roadmap

With the second bug-fix update for WebStorm already available, it’s time for us to make plans for the next major version. We’re sure it’s going to be really great!

Please note the developed roadmap is not a finalized list of features that you’ll see in WebStorm 8. It’s pretty flexible and may be subject to changes. By announcing it now we would like to start the discussion and get some early feedback.

WebStorm 8 is planned for release in early 2014 (February or March). Have a look at the full version of WebStorm 8 development roadmap.

The primary focus of our upcoming release is going to be on the tools and workflows. Here is what we have in mind and have included in the roadmap:

  • Integration of spy-js – powerful tool for JavaScript tracing, debugging and profiling
  • Support of Yeoman workflow: Yo, Bower and Grunt
  • New improved console in JavaScript debugger

Another big thing we’re planning is advanced built-in support for AngularJS. Please share with us your experience using the existing plugin: What do you like or don’t like? What are you missing? We do want to know.

Of course, we are planning to improve the existing support for different technologies (JavaScript, TypeScript, style sheet languages and more) and optimize product performance.

Hopefully by January we’ll be ready to show you a preview of WebStorm 8 with our Early Access Program. Follow the updates in our Twitter @WebStormIDE and here in the blog.

We’ll be very happy to hear your comments and suggestions here or on our issue tracker where you can vote for issues or submit new feature requests.

Develop with pleasure!
WebStorm Team

Posted in Early Access Preview | Tagged | 82 Comments

WebStorm 7.0.2 is available: Mocha integration and improved Dart support

Today you can update WebStorm to its latest version 7.0.2. There are three good reasons for that.

First, we significantly improved support for Dart language and added new features that are available in the recent Google Dart SDK update.

  • Start debugging Dart code in Dartium is much easier now: WebStorm detects Dart projects and start Debug session in Dartium by default.
  • Upgrade dependencies and pub build commands are now available right in the context menu for pubspec.yaml file.

Update: read Getting started with Dart tutorial.

Second, we added Mocha test framework integration. Install Mocha with npm, create new Mocha Run/Debug Configuration, specify the test directory and run your tests in one click. Watch a screencast by John Lindquist on using Mocha in your project.

And finally, we made dozens of fixes and minor improvements. For example, now you can enjoy code completion for Flexbox CSS properties.

You can install update from the IDE or download the installation file from the product web site. Have a look at the release notes.

Develop with pleasure!
WebStorm Team

Posted in Release Announcements | 26 Comments

WebStorm 7.0.2 RC2

One more release candidate before final WebStorm 7.0.2 update. It is mostly about Dart support improvements, the list of fixed bugs is available here.

The download links are available here, active or evaluation license is required.

Feedback is welcomed on our issue tracker.

Develop with pleasure!
JetBrains WebStorm Team

Posted in Early Access Preview | Leave a comment

Enjoy TypeScript in WebStorm

WebStorm has had TypeScript support for quite some time. As the language continues its evolution toward 1.0, we also continue to improve its support in WebStorm.

Here we’d like to make a brief overview of TypeScript support in WebStorm 7 and some updates related to the latest TypeScript 0.9.1, for example, code completion and inspections for Generics.

Watch the screencast to learn about these improvements, get productivity tips forTypeScript, and look through a list of the most useful shortcuts.

Continue reading

Posted in Cool Feature, Screencast | 7 Comments

WebStorm 7.0.2 RC: Mocha and improved Dart support

We are making WebStorm 7.0.2 Release Candidate available for update and download now.

Finally, we are ready to show you Mocha support in WebStorm. You can run tests with this simple, but yet powerful JavaScript test framework in one click right in the IDE.

Also quite a lot of work was done to improve the support for Google Dart.

The full list of updates and fixes is available in the release notes.

We are looking forward for your feedback on youtrack.jetbrains.com!

Develop with pleasure!
WebStorm Team

Posted in Early Access Preview | 4 Comments

Webinar recording: WebStorm Tricks and Tips with John Lindquist

The recording of our webinar WebStorm Tricks and Tips, presented by John Lindquist on October 26th, is now available on the JetBrains YouTube channel and JetBrains.tv.

In this webinar we covered the basics of productive coding in WebStorm: navigation, auto-completion, inspections, refactorings, and more.

Continue reading

Posted in Cool Feature, Screencast | 4 Comments

WebStorm 7.0.1 is available for update

Today we are making WebStorm 7.0.1 available.
It’s a minor update for WebStorm 7.0 that we released almost a month ago. It brings dozens of fixes and improvements based on your feedback on our issue tracker. Here is a full list of issues that were addressed in this update.

Unfortunately, it doesn’t come as a patch for WebStorm 7.0: you need to download the installation file on WebStorm web site and make a fresh install. All your settings will be saved.

One of nice improvements available in WebStorm 7.0.1 is the Emmet preview in HTML.

To enable it go to Settings → Emmet and enable Enable abbreviation preview.

Develop with pleasure!
WebStorm Team

Posted in Release Announcements | 12 Comments