Todo Tree

If you do not already have a TODO list helper in VS Code, I recommend that you try 'Todo Tree' by Gruntfuggly.

 

 

This extension will highlight your TODO items and create a neat tree view of your project with all its TODO items.

 

It can also be customized to include tags like 'FIXME' or 'BUG', each with their own icons and colors.

 

Here is a sample of the TODOS tree for Additive. On the left is the TODOS tree in the explorer pane. On the right are the tags that generated the tree.

 

Below are the color customizations I added to the extension settings.json to get the colors above.

 

"todo-tree.highlights.customHighlight": {

"TODO": {

"background": "#40e0d0",

"foreground": "black",

"iconColour": "#40e0d0"

},

"FIXME": {

"icon": "flame",

"background": "#ffab00",

"foreground": "black",

"iconColour": "#ffab00"

},

"BUG": {

"icon": "alert",

"background": "red",

"foreground": "black",

"iconColour": "red"

}

}