Tag Archives: debugging

WebStorm 2018.2: Extract React component, integration with ‘ng add’, Node.js on WSL, and more

🎉 Today we’re announcing WebStorm 2018.2! 🎉 WebStorm 2018.2 brings a lot of new powerful features and improvements, including the Extract React component refactoring, new integrations with Angular CLI, better testing workflow and Node.js debugging experience. Explore the top new … Continue reading

Posted in Release Announcements | Tagged , , , , , , , , , , , , | 23 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

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 , , , | 52 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 , , | 70 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 , , | 81 Comments

Tracing, Debugging and Profiling Node.js with spy-js

This post is part of a series of posts covering features in WebStorm 9 EAP: WebStorm EAP is open! Live Edit updates in WebStorm 9 – What’s new? JavaScript Postfix Completion Spy-js, our “secret agent”, has done a great job … Continue reading

Posted in Cool Feature, Early Access Preview | Tagged , , , , , | 29 Comments

Spy-js: WebStorm secret service

Introduction What is the difference between Orem, Utah, USA; Munich, Germany; Gold Coast, Queensland, Australia; and St. Petersburg, Russia? Well, they are thousands of kilometers apart, span 3 climate zones from continental to subtropical, and only one of them is … Continue reading

Posted in Cool Feature, Screencast, Tutorials | Tagged , , , , | 25 Comments

WebStorm and Windows Azure Mobile Services

With Microsoft’s Windows Azure Mobile Services, we can build a back-end for iOS, Android, HTML, Windows Phone and Windows 8 apps that supports storing data, authentication, push notifications across all platforms, and more. There are client libraries available for all … Continue reading

Posted in Cool Feature, Tutorials | Tagged , , | 1 Comment

CoffeeScript Debugging with Sourcemaps in WebStorm 6

Sourcemaps help to solve the problems in the JavaScript ecosystem introduced with JS minification and transpiling from other languages (e.g., CoffeeScript and TypeScript): Sourcemaps allow you to navigate between minified JavaScript files and the original JavaScript files before they were … Continue reading

Posted in Cool Feature | Tagged , | 5 Comments