Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Error Callstack NavigatorNew to Visual Studio Code? Get it now.
Error Callstack Navigator

Error Callstack Navigator

Bryan Chen

| (0) | Free
Navigate through error callstacks with clickable frames in a sidebar view
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Error Callstack Navigator

A VS Code extension that helps you navigate through error callstacks quickly. Load callstack text into a sidebar view and click on any frame to jump directly to that source location.

Features

  • Sidebar View: Displays callstack frames in a dedicated panel in the activity bar
  • Multiple Format Support: Parses various callstack formats:
    • Node.js/JavaScript: at functionName (/path/to/file.js:10:5)
    • VS Code file URIs: at functionName (file:///path:line:column)
    • Python: File "/path/to/file.py", line 10, in function_name
    • Java/C#: at com.example.Class.method(File.java:10)
    • Simple format: /path/to/file.js:10:5
  • Click to Navigate: Click on any frame to open the file and jump to the exact line/column
  • Smart File Resolution: Automatically finds files in your workspace, even with partial paths
  • Clipboard Support: Load callstacks directly from your clipboard

Usage

  1. Open the Callstack Navigator View: Click the debug stackframe icon in the Activity Bar
  2. Load a Callstack:
    • Click the clipboard icon (📋) to load from clipboard
    • Click the plus icon (➕) to manually paste a callstack
  3. Navigate: Click on any frame to jump to that location in your code
  4. Clear: Click the clear icon to reset the view

Commands

Command Description
Error Callstack Navigator: Load Callstack Open an input box to paste callstack text
Error Callstack Navigator: Load Callstack from Clipboard Load callstack from system clipboard
Error Callstack Navigator: Clear Callstack Clear all loaded frames

Example Callstacks

Node.js/JavaScript:

Error: Something went wrong
    at processRequest (/app/src/handlers/request.ts:45:12)
    at Router.handle (/app/src/router.ts:123:8)
    at main (/app/src/index.ts:10:5)

Python:

Traceback (most recent call last):
  File "/app/main.py", line 10, in main
  File "/app/utils.py", line 25, in process

Development

Running the Extension

  1. Open this folder in VS Code
  2. Run npm install to install dependencies
  3. Press F5 to launch the Extension Development Host
  4. The extension will be active in the new window

Building

npm run compile    # Compile TypeScript
npm run watch      # Watch mode for development
npm run package    # Package for production

License

MIT

Enjoy!

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