Category Archives: Tutorials

Accessibility features in WebStorm 2018.3

In this era of software development, professionals everywhere are paying more attention to diversity, including building software with accessibility in mind. WebStorm contains a multitude of features to help make accessible software, and adds more in every release. Developing for those … Continue reading

Posted in Cool Feature, Tutorials | Tagged , , , | Leave a comment

Testing with Jest in WebStorm

Jest, the testing platform developed by Facebook, is becoming more and more popular with each day, especially for testing React applications. Jest is fast, easy to get started with, and has lots of features (such as snapshot testing and test … Continue reading

Posted in Tutorials | Tagged , , , | 6 Comments

Optimize imports in WebStorm

To help you keep the import section in a JavaScript or a TypeScript file clean and readable, WebStorm has an action called Optimize imports. It does several things at once: it removes any imports that are no longer used; it … Continue reading

Posted in Tutorials | Tagged , | 10 Comments

How to debug with WebStorm

The debugger is one of the most essential features of WebStorm. With WebStorm you can debug all kinds of applications written in JavaScript, TypeScript or Dart: Node.js, React Native and Electron apps and, of course, client-side apps written using different … Continue reading

Posted in Tutorials | Tagged , , | 4 Comments

Using and creating code snippets

Code snippets, or Live Templates as they are called in WebStorm, can help you save and reuse code. This can be any code fragment that you find yourself using often – just a line of code like a method definition, … Continue reading

Posted in Cool Feature, Tutorials | 11 Comments

Working with Vue.js in WebStorm

Vue.js is a popular framework for creating user interfaces. Its core functionality is focused on building UI components, which is quite similar to React and Angular. In 2017 Vue.js gained real momentum: according to the recent results of the State … Continue reading

Posted in Tutorials | Tagged | 70 Comments

Debugging Node.js apps in WebStorm

WebStorm makes it easier to debug Node.js apps. You can put breakpoints right in your source code (no more debugger and console.log() statements!), which can be written in JavaScript or TypeScript. You can do many things that will help you … Continue reading

Posted in Tutorials | Tagged , | 25 Comments

Developing Ionic apps in WebStorm

Ionic is a framework for developing mobile apps in TypeScript. Since Ionic uses Angular, WebStorm can be of a great help when working on your next Ionic application. Let’s go through the Ionic tutorial in WebStorm. But first, make sure … Continue reading

Posted in Tutorials | Tagged , , , | 20 Comments

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