Category Archives: Tutorials

Working with ReactJS in WebStorm: Coding Assistance

ReactJS is no doubt one of the trendiest JavaScript libraries released recently and as such is seeing wide adoption. React support was introduced in WebStorm 10 and has undergone continuous improvement since then. This post has been updated with some … Continue reading

Posted in Tutorials | Tagged , | 87 Comments

Debugging Webpack applications in WebStorm

Webpack is a module bundler. It allows you to build your modular application similarly to the way it is done with a combination of tools like Browserify and Gulp or Grunt. In this blog post we actually won’t dive into … Continue reading

Posted in Tutorials | Tagged , | 70 Comments

Maintaining Consistent Code Style

Code style matters. Having a consistent code style in your project should not be underestimated, as by making code more readable for all project contributors, it can save everyone’s time and even help you avoid some errors. Our goal is to … Continue reading

Posted in Tutorials | Tagged , , | 16 Comments

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 … Continue reading

Posted in Tutorials | Tagged | 17 Comments

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 … Continue reading

Posted in Cool Feature, Tutorials | Tagged , | 4 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 … Continue reading

Posted in Tutorials | Tagged , , , | 85 Comments

io.js already in WebStorm

Are you as excited about the release of io.js 1.0 as we are? io.js is a fork of Node.js that is using the very latest version of V8 and brings ES6 features and lots of changes and improvements in the … Continue reading

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

Spy-js 2.0: New Level of JavaScript Tracing

It has been almost 7 months since we released WebStorm 8. The recently rolled out WebStorm 9 brings a lot of new things on top of that, so today I’m going to tell you more about some new exciting features … Continue reading

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

Code Quality Analysis in WebStorm

WebStorm comes with many powerful tools to assure the high quality of your code base. Dozens of built-in inspections are enabled by default. These static code analysis tools help you find probable bugs, detect performance issues and improve the overall … Continue reading

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

How WebStorm Works: Completion for JavaScript Libraries

One of the essential features of WebStorm’s editor is code completion. The way it is implemented in WebStorm is that it takes all JavaScript files in the project and goes through them, adding functions and methods to an internal index … Continue reading

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