Category Archives: Tutorials

How to configure code completion in full-stack JavaScript projects?

If you’re working on a full-stack JavaScript application in WebStorm, you’ve probably noticed that code completion suggests some Node.js APIs in your client-side code and DOM APIs in the Node.js code. Here’s how to fix that. What is Library in … Continue reading

Posted in Tutorials | Tagged | 7 Comments

Quick Tour of WebStorm and Docker

Node.js developers are embracing Docker for repeatable builds, and WebStorm supports Docker-oriented workflows: Quickly bootstrap your Node.js app with a Dockerfile, then run and debug your app in Docker, from the WebStorm IDE. Let’s take a look. Note: WebStorm’s Docker … Continue reading

Posted in Tutorials | Tagged , , | Leave a comment

Using JavaScript Standard Style

Standard is a popular JavaScript code style guide. It can also lint your code since it’s built on top of ESLint and, therefore, it can also be used as an ESLint plugin. To improve the experience with WebStorm for those … Continue reading

Posted in Tutorials | Tagged , , , | 4 Comments

Your first unit test using Angular CLI, Karma and WebStorm

This is a guest blog post prepared by Pete Heard. Pete is a full-stack JavaScript developer who has spent over a decade learning to craft robust software using Test Driven Development and advanced Object Oriented Design. He is the founder … Continue reading

Posted in Tutorials | Tagged , , | 5 Comments

Debugging Angular apps created with Angular CLI in WebStorm

Angular CLI can help us bootstrap a new Angular app with a ready to useTypeScript and Webpack configuration. In this post we’ll see how to debug such apps in WebStorm. If you have never used JavaScript debugger in WebStorm before, we recommend … Continue reading

Posted in Tutorials | Tagged , , , | 21 Comments

Debugging React apps created with Create React App in WebStorm

With Create React App you can quickly bootstrap a new React project. And you don’t have to configure anything to get the app running – it comes with the preconfigured dev environment that uses Webpack, Babel, ESLint and other tools. In … Continue reading

Posted in Tutorials | Tagged , , | 43 Comments

Developing mobile apps with React Native in WebStorm

React Native allows you to develop native mobile apps for iOS and Android using JavaScript and React. It’s created by Facebook and used for such well-known apps as Instagram, Airbnb, and now JetBrains’ own YouTrack mobile app (which is open-source, … Continue reading

Posted in Tutorials | Tagged , , | 71 Comments

Using Flow in WebStorm

Flow is a static type system developed by Facebook. It introduces a syntax of type annotations for JavaScript and provides a type checking tool. Using types in your code allows Flow to catch more errors before you run the code, … Continue reading

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

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 , | 73 Comments

Angular workflow in WebStorm

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

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