Never, ever use tap(console.log) again.

Add non-intrusive debugging capabilities for RxJS applications to Visual Studio Code.

• RxJS debugging, fully integrated with Visual Studio Code
• Works with RxJS 6
• Support for:
  • NodeJS-based RxJS applications
  • browser-based RxJS applications

Operator log points make manually added console.log statements a thing of the past: RxJS Debugger detects operators automatically and recommends a log point, indicated with an empty diamond. Hover the mouse cursor on the operator to add or remove an operator log point:

Once you launch your application with the JavaScript debugger built-in to Visual Studio Code, enabled log points display events of interest inline in the editor:

• Subscribe
• Emitted values (next, error, complete)
• Unsubscribe

By default, RxJS Debugger clears logged events from the editor after you stop the JavaScript debugger. You can customize this behavior in the settings.

You can toggle the display of recommended log points via the command palette.

• Visual Studio Code 1.60 or newer
• TypeScript 4.2 or newer
• RxJS 6
• To debug NodeJS-based applications: NodeJS 12 or newer
• To debug web applications:
  • Webpack 5.60.0 or newer
  • The @rxjs-debugging/runtime-webpack Webpack plugin

Refer to the milestones overview for planned, future iterations. The issue list provides an overview on all open development topics.

"RxJS Debugger for Visual Studio Code" welcomes any type of contribution! ❤️ Have a look at CONTRIBUTING.md for further details.

Jump right in and explore, how "RxJS Debugging for Visual Studio Code" can improve your RxJS debugging workflow:

https://github.com/swissmanu/playground-rxjs-debugging-for-vscode

This extension is based on research by Manuel Alabor. See RESEARCH.md for more information.