Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>CodeTasksNew to Visual Studio Code? Get it now.
CodeTasks

CodeTasks

TCP-Development

|
31 installs
| (1) | Free
Effortlessly track and manage TODOs across your codebase with a structured tree view, color-coded priorities, and smart organization. Stay focused and never lose sight of important tasks in your projects.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

TODO Tree Tracker

Track and manage TODOs across your workspace with color coding and organization.

Features

  • Automatically detects TODOs in comments across all files
  • Color-code TODOs by priority or status
  • Displays TODOs in a tree view, organized by file
  • Click on TODOs to jump to their location in the code
  • Status bar icon to quickly toggle the TODO panel
  • Real-time updates when files are modified

Usage

  1. Install the extension
  2. Open the TODO Tree panel from the activity bar
  3. Click on any TODO to navigate to its location
  4. Right-click on a TODO to set its color:
    • Red: High priority
    • Green: Completed
    • Blue: Information/
    • Yellow: Warning

Supported TODO Formats

The extension recognizes TODOs in the following comment formats:

  • Single line: // TODO: task description
  • Multi-line: /* TODO: task description */
  • HTML/XML: <!-- TODO: task description -->
  • Hash: # TODO: task description

Requirements

  • VS Code 1.85.0 or higher

Extension Settings

This extension contributes the following settings:

  • todo-tree-tracker.enable: Enable/disable this extension
  • todo-tree-tracker.showInActivityBar: Show the TODO tree in the activity bar

Known Issues

Report issues at [repository URL]

Release Notes

1.0.0

Initial release of TODO Tree Tracker

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