Skip to content
| Marketplace
Sign in
Visual Studio Code>Debuggers>Flow DebugTrace JS/TSNew to Visual Studio Code? Get it now.
Flow DebugTrace JS/TS

Flow DebugTrace JS/TS

Suraj Pinjan

|
768 installs
| (0) | Free
Trace code with Auto console logs
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info


logo
Debug the Control Flow

Hi devs,

This software release is a Visual Studio Code extension designed to simplify the debugging process for TypeScript and JavaScript code that exhibits unexpected behavior or bugs, making it difficult to trace the flow of code execution. Wondering how it operates? Essentially, it integrates console logs at every code flow alteration, enabling you to monitor the progression of code execution. Moreover, some more features are:

  1. It enhances visibility by providing code block depth and
  2. highlights error blocks in vivid red, ensuring critical sections are easily identifiable.
  3. Shows file name to give more context of log/error locations.
  4. Remove all the flow logs with remove Flow log option.

To utilize this extension, simply right-click within the text editor and select "Add Flow Logs."

Please be aware of the following known issue: Console logs may be inserted at unexpected locations within React components.

JOIN OUR DISCORD CHANNEL: https://discord.gg/ej2P33Nf Please help us improve on our extension by providing valuable feedback.


demo

!!! Good luck !!!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft