WebStorm is Going to O’Reilly’s Fluent Conference 2014

March 11th – 13th, meet the WebStorm team and John Linduist (JetBrains Technical Evangelist) at O’Reilly’s Fluent Conference in San Francisco, California. We would also like to meet with developer communities in the Bay Area before or after the event.

The annual Fluent Conference is an event focused on JavaScript, HTML5 and other web technologies attracting developers and UX/UI designers from top companies as attendees and speakers. This year, Fluent covers the full scope of the Web Platform and its associated technologies including: WebGL, CSS3, mobile APIs, Node.js, AngularJS, ECMAScript 6 and more.

We would like to offer anyone who is interested a 25% discount for the Fluent conference passes with the code JETBRAINS25.

We’ll be very excited to meet you at our booth and answer your questions. Dennis (Project Lead), Alexander (Developer), John (Technical Evangelist), and Ekaterina (Product Marketing Manager) will demonstrate the current features of WebStorm 7 and WebStorm 8 EAP. Moreover, John is going to give an AngularJS talk on Thursday, March 13th.

If you’re interested in inviting the team to your user group meeting or company, please contact Ekaterina Prigara, WebStorm Product Marketing Manager, at Ekaterina.Prigara AT jetbrains.com or leave a comment here.

We hope to meet you there!

Develop with pleasure!
- JetBrains WebStorm Team

Posted in Conferences & Events | Leave a comment

Getting Started with Node.js in WebStorm

Node.js is definitely a hot topic in web development. Here at JetBrains, we can really see how its adoption is growing among WebStorm users. To address this trend we’d like to make a series of posts on Node.js development with WebStorm.

Let’s start with the basics: How to configure WebStorm to work with Node.js projects?We’ll go through the steps required to create a new Express app as an example.

Click Create New Project on WebStorm Welcome screen and select Express app template:

Continue reading

Posted in Tutorials | Tagged | 24 Comments

WebStorm 8 EAP Starts Now

Big news!
Today we are starting the Early Access Program for WebStorm 8. You can download the installation file for your OS on WebStorm EAP page. Yay!

By now, we’ve implemented several new features from the WebStorm 8 development roadmap and we would like to get your feedback. We’ll continue to add more and more new features with upcoming EAP builds.

Here is what you can try right now:

  • Advanced AngularJS support
  • Spy-js JavaScript tracing tool integration

Continue reading

Posted in Early Access Preview | 49 Comments

WebStorm 7.0.3

WebStorm update version 7.0.3 is ready! Check for updates and install it right from the IDE or download it on the product website for fresh install.

WebStorm 7.0.3 update brings you lots of bug fixes and improvements, but also a bunch of new features coming from IntelliJ IDEA platform update.

What you should try in WebStorm 7.0.3?

First, have a look at new minimalistic UI - toolbar and tool window are hidden by default (you can always invoke View | Toolbar and View | Tool Buttons).

Second, try new Search everywhere feature – invoke it with double-Shift or with the magnifying glass icon at the top-right and search for a class, action, symbol or file instantly.

Lens mode helps you preview different parts of the file and navigate to the lines you need.

Also now WebStorm has full support for Subversion 1.8, new log view for Git and Mercurial and much more.

Here are the release notes. If interested, please also check notes for EAP version.


If you are experiencing problems with WebStorm 7.0.3 installation on Windows, please, try to download WebStorm 7.0.3 once again using one of the alternative mirrors:

If this doesn’t help, try .zip as an alternative distribution package: http://download.jetbrains.com/webstorm/WebStorm_7.0.3.zip

Develop with pleasure!
-JetBrains WebStorm Team

Posted in Release Announcements | 23 Comments

[Webinar Recording] Exploring WebStorm Tool Windows

WebStorm logoThe recording of our December 19th webinar, Exploring WebStorm Tool Windows with John Lindquist, is now available on our JetBrains YouTube Channel.

In this webinar John covers all of the built-in tools included with WebStorm that surround the edges of the IDE (i.e. “Tool Windows”): Debugger, Todo, Bookmarks, Favorites, StructureTerminal. John shows 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 IDEAPhpStormPyCharm or RubyMine.

We also recommend you to watch the recording of our previous webinar, WebStorm Tricks and Tips [watch here], John talked about the basic productivity features that WebStorm offers.

Develop with pleasure!
-JetBrains WebStorm Team

Posted in Screencast, Webinar | Leave a comment

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