DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for VS Code : Organization
Michael
Michael

Posted on

VS Code : Organization

To manage your time and complete projects successfully, you must organize your tasks as a developer. When you first decide to learn how to code, it's common to try out a variety of languages, code editors, IDEs, and other tools, making it difficult to keep track of your projects as a whole and subfolders + files within those projects. This was a huge struggle for me as well. In just a over a year, I accumulated over a hundred tiny micro-projects. I also spent a lot of time quickly concatenating files together as projects. Luckily there are some very useful extensions that solve these problems.
These VS Code extensions will assist you in becoming more organized and productive.

If you like my Series, make sure to click the ❀️ icon on every post and πŸ”– bookmark to save for later πŸ˜„ .


1. Project Dashboard

Project Dashboard
Project Dashboard is a "plugin that allows you to manage your projects in a speed-dial style". To rapidly access commonly visited folders, files, and SSH remotes, pin them to a dashboard. The dashboard is a dedicated user interface that can be opened with CMD / CTRL + F1 and set to open automatically. CMD / CTRL + Click launches a project in the current window.
Surprisingly, it hasn't received as many downloads, which is quite shocking.
Projects are organized into groups and can be color-coded to make them easier to find. The dashboard is used to manage the groups and projects.

If the Project Dashboard isn't for you, the Project Manager might be a better fit (although it isn't as intuitive).


2. TODO TREE & TODO HIGHLIGHT

  • TODO TREE: This extension quickly searches ("using ripgrep") your workspace for comment tags like TODO and FIXME, and displays them in a tree view in the explorer pane. Clicking a TODO within the tree will open the file and put the cursor on the line containing the TODO.
    todo tree vscode extension

  • TODO HIGHLIGHT: Sometimes you forget to review the TODOs you've added while coding before you publish the code to production. This an extension that highlights them and reminds you that there are notes or things not done yet. Found TODOs can also be highlighted in open files.
    todo highlight vscode extension


3. BookMark

bookmark vscode extension
It helps you to navigate in your code, moving between important positions easily and quickly. No more need to search for code. It also supports a set of selection commands, which allows you to select bookmarked lines and regions between bookmarked lines. It's really useful for log file analysis.

Here are some features "Bookmark" offers:

  • Mark/unmark positions in your code
  • Mark positions in your code and give it name
  • Jump forward and backward between bookmarks πŸ”–
  • Icons in gutter and overview ruler
  • See a list of all Bookmarks in one file and project
  • A dedicated Side Bar

@ free_one Follow me on GitHub

I would like some suggestions on many other Extensions which are tailored towards easier Project structure management ❀️. Drop a suggestion in the Comments section πŸ‘‡...

Top comments (13)

Collapse
 
harryadney profile image
Martin Dimmock

Thanks for these suggestions, good work πŸ‘.

I've got project manager but rarely use it to be honest. I'll give project dashboard a go.

Bookmark will be really useful I suspect, especially in large files.

Collapse
 
free_one profile image
Michael

I switched to the dashboard some months ago, haven't turned back since !.
The UI is refreshing.

Collapse
 
harryadney profile image
Martin Dimmock

Just installed it, and I'm very impressed. Top tip!

Thread Thread
 
free_one profile image
Michael

glad you like it

Collapse
 
andrewbaisden profile image
Andrew Baisden

Some useful extensions on this list.

Collapse
 
free_one profile image
Michael

thanks, any suggestions ? 😁

Collapse
 
andrewbaisden profile image
Andrew Baisden

Import Cost is pretty useful

Collapse
 
sherrihylton profile image
SherriHylton

It's somehow difficult for me to handle this situation ? taweez for attraction

Collapse
 
andrescass profile image
Andres Cassagnes

Great suggestions. Dashboard and bookmark looks really useful. I will try them. Thanks

Collapse
 
blackcatdevio profile image
Loren Aguey

Project Dashboard is great. Much easier to navigate projects. Thanks for sharing.

Collapse
 
free_one profile image
Michael

I know I only mentioned three, but i'm sure there must be more. ❓

Collapse
 
jeel profile image
JP

theres a numbered bookmarks available, better

Collapse
 
free_one profile image
Michael

check out the next post in the series ⚫

Find what you were looking for? Sign up so you can:

🌚 Enable dark mode
πŸ”  Change your default font
πŸ“š Adjust your experience level to see more relevant content