DEV Community

loading...
Cover image for Top 6 VS Code Extensions to Organise Your Code

Top 6 VS Code Extensions to Organise Your Code

Alex Omeyer
Co-founder & CEO at Stepsize, SaaS to measure & manage technical debt
Updated on ・2 min read

As a developer, you need to organise your tasks to manage your time and successfully complete a sprint. These 6 VS Code extensions help devs get organised and work effectively.

1. TODO Highlight

If you like to mark sections of code with TODO and FIXME tags but keep forgetting about them then this plugin will solve your problem. It highlights TODO or FIXME phrases in the code so that you don’t forget what you wanted to fix or improve.
Alt Text

2. Todo Tree

The Todo Tree extension collects all your tasks scattered throughout the application at your command into one tree on the left side of the editor workspace. You can quickly search your workspace for comment tags like TODO and FIXME, and see them in a tree view.
Alt Text

3. Stepsize

Stepsize goes beyond just highlighting TODOs. It allows you to:

  • Create and organise your bookmarks and TODOs into issues
  • Prioritise them in VSCode editor or webapp
  • See technical debt and code to refactor
  • And finally share your findings with your teammates to discuss at your next sprint planning Alt Text

4. Trello Viewer

This extension is for all trello board lovers. Trello Viewer helps you to:
Browse Trello boards, lists and cards in the sidebar

  • Add, move, or archive card
  • Add and remove user to card
  • Edit title and description of card and add comments
  • View selected card using the markdown previewer and open to the side Alt Text

5. GitKraken Boards

If you want to track progress of your cards, assign tasks, link cards to GitHub pull requests GitKraken Boards will help you do that and more!
Alt Text

6. Project Dashboard

VSCode Project Dashboard is a Visual Studio Code extension that lets you organize your projects in a speed-dial like manner. Pin your frequently visited folders, files, and SSH remotes onto a dashboard to access them quickly.
Alt Text

Discussion (5)

Collapse
instanceid profile image
instance.id • Edited

I highly recommend 'Comment Anchors', similar to TODO highlight, but it keeps track of them throughout your workspace/project, letting you build "quick jump" points as well as categories for variables or methods, etc. You can create custom keywords to use to tag the sections of your code.

You can also create hierarchies, link to other anchors (ex. from one method to a related method elsewhere, etc)

github.com/ExodiusStudios/vscode-c...

example

Collapse
tamirazrab profile image
Tamir

This is great, just checked out the documentation, I thought better-comments was good but then I found colorful-comments and now this, thanks for sharing!

Collapse
ashkanmohammadi profile image
Amohammadi2

Wooowwww. These are amazing 👏

Collapse
alestryperez profile image
Alestry Pérez

GitKraken was something I was after for a long time! Thanks for the tip!