Category Archives: Tutorials

Getting started with Electron in WebStorm

Electron allows you to build cross platform applications using only JavaScript, HTML and CSS (or ECMAScript 6, TypeScript, CoffeeScript or any language that compiles to JavaScript). It provides lots of native OS APIs for things like OS notifications or automatic updates. … Continue reading

Posted in Tutorials | Tagged , | 22 Comments

Angular 2 workflow in WebStorm

WebStorm is well-known for its AngularJS 1 support. WebStorm 2016.1 introduces lots of new exciting features in Angular 2 support. Combining that with support for the latest TypeScript and ECMAScript 6 (2015) features, WebStorm can be a great playground for … Continue reading

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

How to compile TypeScript in WebStorm

TypeScript is getting more and more popular recently, especially for Angular 2 projects. To help you quickly get started with a new TypeScript project, WebStorm offers a built-in TypeScript compiler that you can use instead of configuring some other build … Continue reading

Posted in Tutorials | Tagged | 25 Comments

Working with ReactJS in WebStorm: Linting, refactoring and compiling

We recently explored coding assistance that WebStorm provides for React and JSX. Now we would like to talk a bit about the tools in the React ecosystem. In this area it’s not easy to provide a complete overview as tools … Continue reading

Posted in Tutorials | Tagged , , | 8 Comments

Node.js coding assistance in WebStorm

In WebStorm 11 it’s now easier to start working with Node.js projects. Configuring coding assistance for Node.js To enable code assistance for Node.js core APIs (and that means you’ll get smart code completion, parameter info and navigation to source code), … Continue reading

Posted in Tutorials | Tagged | 14 Comments

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 , | 69 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 Early Access Preview, Tutorials | Tagged , | 43 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 | 15 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 , | 2 Comments