Category Archives: Tutorials

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 , | 8 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 | 65 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 , , | 4 Comments

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