10 WebStorm Shortcuts You Need to Know

When using most software, people feel productive when they can get the most common tasks done really quickly. Keyboard shortcuts go a long way in doing that and saving your time. WebStorm has a shortcut for almost every action. Today we’d like to share with you 10 essential shortcuts that everyone should try.

All the key combinations used here are from the Default keymap for Windows and Linux and from the default Mac OS X 10.5+ keymap for Mac. You can easily customize your keymap configuration in Preferences | Keymap.

Search everywhere: Shift+Shift

As the name suggests, the Search everywhere popup allows you to search for anything in your project, as well as in the IDE itself.

You can search for files, symbols, functions, variables in your code and quickly navigate to them:


Continue reading

Posted in Tutorials | Tagged | 9 Comments

WebStorm 10.0.4 Bug Fix Update Available

The bug-fix update WebStorm 10.0.4 (build 141.1550) is now available.

In WebStorm 10.0.4 we’ve addressed a number of known issues and performance problems (including some fixes in our custom JDK distribution for Mac OS users).

The most worthy of mentioning is source map support when debugging with the latest Google Chrome 43.

Another great new improvement is the basic support for the newly released Polymer 1.0. WebStorm understands Polymer elements and help you navigate to their declaration. Element-specific attributes are not yet supported, though.


Our colleagues on the PhpStorm team have added another new feature called Remote edit. It allows files to be opened from the remote host (such as FTP, SFTP or FTPS) and edited in the IDE, without adding/downloading them to your local project. Read more about that in the PhpStorm blog.

The full list of fixed issues can be found in the release notes.

As usual, a patch update is available from WebStorm 10.0.3. Is you’re using another WebStorm version, please download and install WebStorm 10.0.4 from our website.

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Release Announcements | Tagged | 13 Comments

WebStorm 11 Roadmap Discussion

Since WebStorm 10 came out (is it 10 already? boy, we’re moving fast with version numbers!), we’ve spent the last 2 months working on fixes and various minor improvements. Last week the team got together to discuss our plans for WebStorm 11, and we’d like to share them with you. We’d be happy to know what you think, too.

Please note it’s a preliminary plan, so we can’t guarantee that all of the features listed below will be ready for WebStorm 11.

So here are the highlights:

Yeoman integration
Yes, it’s something we’ve been thinking about for a while. We’d like to integrate Yeoman with the IDE Welcome screen to make it easier to create new projects.

Take npm integration to the next level
npm integration has been available in WebStorm for some time already—you can install and manage modules from the IDE. However, we understand that there’s a lot of room for improvement. We’d like to add support for npm scripts similar to what we now have for Gulp and Grunt. The next thing is to support various scenarios of managing project Node.js dependencies like adding new, updating and removing modules—so it all works seamlessly and you don’t have to use the command line.

Webpack support
Webpack has been seeing a lot of adoption in the community, and we even have some Webpack enthusiasts on the JetBrains YouTrack team. We’d like to support the Webpack-specific require statements and debug.

Deeper integration with build tools
We would like to build plugins for Webpack and Gulp that would allow you to enjoy the benefits of the build tool’s watch mode without interference from the IDE autosave feature. We want to make sure that build process is triggered when you really want it to (with a shortcut), but doesn’t get triggered by file system events, while WebStorm takes care of your files being saved.

Angular support
As we start working on Angular 2 support, we hope to be able to finish the core features by the release of v11. At the same time we’re planning to continue improving Angular 1.x support in WebStorm.

We’re also going to have lots of JavaScript, TypeScript and Node.js support improvements, as well as new features from the core IntelliJ Platform, and much more. Lot’s of improvements are planned for the Dart support (thanks to the Dart team). Of course, performance is still our top priority, so if you feel that the IDE is laggy, please take some CPU snapshots and send them our way. We would really appreciate that.

The next release will traditionally happen somewhere around October, with the Early Access Program opening up in midsummer. Don’t miss it—subscribe to the EAP channel by going to IDE Preferences | Appearance & Behavior | System Settings | Updates.

That’s the plan, anyway. Do give us your feedback here and in our issue tracker!

Stay tuned!

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Early Access Preview, General Announcements | 129 Comments

WebStorm 10.0.3 Bug Fix Update Available

The bug fix update, WebStorm 10.0.3 (build 141.1237), is now available for download.

We encourage everyone to update, a patch update will be available for the WebStorm 10.0.2 users as well as for those who installed WebStorm 10.0.3 EAP.

You can see a full list of the issue fixed in this update in the release notes for WebStorm 10.0.3 and WebStorm 10.0.3 EAP.

Please report any bugs and submit feature requests on our issue tracker.

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Release Announcements | Leave a comment

Node.js profiling in WebStorm. Part 1: CPU profiling.

Profiling is hard work. The amount of gathered information and demand to keep in mind the execution times and code structure is a serious challenge.

WebStorm assists you on this tough journey. It points at hot spots by opening and highlighting them in call trees. It will immediately navigate you to the related source code. The IDE can filter out “noise” by showing only functions that took lots of time. And, by the way, it will also start a Node.js application with profiling and automatically open the profile after the run.


If you’d like to immediately try the feature, start with checking Record CPU profiling info in the V8 Profiling tab in your Node.js Run Configuration.

Update: Part 2: Memory profiling is now available.

Continue reading

Posted in Cool Feature, Tutorials | Tagged , | 2 Comments

WebStorm 10.0.3 EAP, 141.1108: bug fixes

A preview build for WebStorm 10.0.3 (build 141.1108) is now available for download!

WebStorm 10.0.3 EAP is available as part of the Early access program, though it requires an active license. We would really appreciate your feedback on our issue tracker. Stable update will be available next week.

This update addresses a great number of issues in various IDE subsystems and brings lots of improvements in JavaScript and TypeScript support. The full list of fixed issues is available in the release notes.

We continued working on performance improvements for our custom JDK 1.8 for Mac and we hope that with WebStorm 10.0.3 EAP the performance issue would be solved for those of you who are using experimental WebStorm distibution.

Patch update is available for WebStorm 10.0.2.

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Early Access Preview | 8 Comments

ECMAScript 6 in WebStorm: Transpiling

For some time now WebStorm has supported ECMAScript 6 (a.k.a. ECMAScript 2015), the future standard for JavaScript. While its features get more and more support in modern browsers and runtimes (see the Kangax compatibility table), to deploy your ES6 code you still need to compile it to ES5.1, the current version of JavaScript.

In this blog post we’ll have a look at some of the options that WebStorm offers to help you with this task.

But first things first: set ECMAScript 6 as the JavaScript version in WebStorm’s Preferences (Languages & Frameworks | JavaScript).


WebStorm will start providing smart coding assistance for ES6, including code completion, on-the-fly inspections, navigation for modules and classes, and more.


At the moment Babel and Traceur are the most commonly used transpilers. You can configure and use them via WebStorm’s File watchers. This approach is good for compiling files on the fly for some experiments and debugging. For production-ready code, it might be worth using these transpilers in your build process — and WebStorm can also help you here too

Continue reading

Posted in Cool Feature | Tagged , , , | 39 Comments

Plugin overview: Wallaby.js, continuous test runner

This is a guest blog post about wallaby.js, third-party plugin to WebStorm, PhpStorm, IntelliJ IDEA Ultimate, RubyMine, PyCharm. The plugin is a separately sold commercial product, but is currently free to try out.

Wallaby.js a is a continuous test runner that outputs results directly into WebStorm. It uses dependency analysis to only run tests affected by changes and it solves the fundamental issue of being able to provide an instant feedback from your tests as you write your code, no matter how large your codebase is. You can quickly get an idea about how it works from this two minute WebStorm video this short video.


JavaScript ecosystem is very diverse. Wallaby.js is designed to quickly and painlessly adapt to ever changing of web development landscape and to get you covered whatever your technology stack is. It supports browser environment with all of its frameworks like Angular.js and node.js and io.js, require.js, TypeScript and CoffeeScript, ES6 and ES7, Browserify and Webpack, React JSX and much more.

Continue reading

Posted in Cool Feature | Leave a comment

DailyJS survey results 2014: technologies WebStorm users use

Every year DailyJS, a popular blog on JavaScript development, runs a Developer Survey among their readers. We decided to have a closer look at the results of the 2014 survey which polled over 4000 developers. (Kudos to DailyJS for making raw data publicly available.)

We were wondering how many developers rely on WebStorm and IntelliJ IDEA for their daily tasks. Another interesting question was whether their choice of frameworks, tools and practices differs in any way from the original DailyJS results.
Here’s what we found out.

About 27% of respondents mentioned that they use IntelliJ IDEA or WebStorm.
It’s worth noticing that about 9% mentioned WebStorm as their tool of choice, even though WebStorm wasn’t one of the suggested options in the question.

Compile-to-JavaScript languages

80% don’t use any compile-to-JavaScript languages. However, among those who do use these languages, there’s a slight shift towards TypeScript for IntelliJ IDEA and WebStorm users:

  • Among all participants: CoffeeScript – 16%; TypeScript – 5%.
  • Among IntelliJ IDEA and WebStorm users: CoffeeScript – 12.7%; TypeScript – 8.5%.
  • Among WebStorm users: CoffeeScript – 9.7%; TypeScript – 10.5%.

Front-end frameworks

AngularJS proved to be one of the most popular frameworks among survey participants, with 49%. It’s even more popular among WebStorm users, or put another way, WebStorm is popular among AngularJS developers. 63% of WebStorm users mentioned that they use AngularJS for their projects.

React, a newcomer in this year’s survey, is used by 17% of IDE users.

Continue reading

Posted in Cool Feature | Leave a comment

WebStorm 10.0.2 Bug Fix Update Available

The second bug fix update, WebStorm 10.0.2 (build 141.728), is available for download.

We’ve addressed a number of recent issues, bringing fixes and improvements in JavaScript, TypeScript and CoffeeScript support, Karma integration, and more. The whole list of the fixed issues is available in the release notes for 141.728 and 141.614.

We encourage everyone to update. The patch-update from WebStorm 10.0.1 is going to be available within an hour. You’ll get an automatic update notification in the IDE.

Please report any bugs and submit feature requests on our issue tracker.

Develop with pleasure!
– JetBrains WebStorm Team

Posted in Release Announcements | 1 Comment