Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Debug MarkerNew to Visual Studio Code? Get it now.
Debug Marker

Debug Marker

Rajesh Saini

|
3 installs
| (0) | Free
Debug Marker is a Visual Studio Code extension that provides a webview panel for debugging purposes.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🐞 Debug Marker – VS Code Extension

Debug Marker is a Visual Studio Code extension that helps developers track special debug comments (//##) and breakpoints across their codebase from a single, dedicated panel.

This tool is perfect for developers who want better visibility and organization of debug checkpoints, TODOs, and temporary dev notes — all in one place.


🚀 Features

✅ Debug Comments Tracker (//##)

  • Automatically detects and lists all inline comments like:
    // ## TODO: Handle error
    // ## FIXME: Debug this crash
    // ## NOTE: Refactor this block later
    
  • Helps you visually flag important development notes.
  • Works with most programming languages.

✅ Breakpoint Tracker ( only for JS file )

  • Lists all active breakpoints from your code.
  • No more hunting through files — instantly see where you've set your debug points.

✅ Quick Navigation

  • Click on any comment or breakpoint in the Debug Marker Panel to jump directly to that line of code.

🧭 Usage

  1. Click the 🧩 Debug Marker icon from the Activity Bar to open the panel.
  2. The extension automatically scans the current workspace when the panel is opened.
  3. The panel displays all //## comments and active breakpoints in a categorized list.
  4. To manually trigger a re-scan, click the Refresh button at the top of the Debug Marker panel.
  5. Click any listed item to instantly jump to its location in the editor.

📁 Example Usage

function saveData(data) {
  // ## TODO: Add input validation
  if (!data) {
    return;
  }
  // ## FIXME: This crashes if `data.name` is missing
  db.save(data);
}

⚙️ Extension Settings

Currently, Debug Marker doesn’t require any user settings.
All markers and breakpoints are detected automatically.


📌 Requirements

  • No external dependencies
  • Works in VS Code Desktop only (Web support planned)

🐛 Known Issues

  • In large projects, scanning for markers may take a few seconds.
  • Only comments with the exact //## format are detected (not customizable yet).

📦 Release Notes

v1.0.0

  • Initial release
  • View all //## comments in one place
  • View all breakpoints ( Only for JS files )
  • Click to jump to code locations
  • Manual refresh button available

👨‍💻 About the Author

Rajesh Saini
A senior web application developer with 13+ years of experience. Passionate about improving developer workflows and building practical tools that solve real-world coding challenges.

🔗 Follow me on LinkedIn


💡 Feedback & Contributions

If you have feature requests, feedback, or bug reports, feel free to open an issue on the repository (or contact me directly). Let’s improve Debug Marker together!

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