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 πŸ‘‡...

Discussion (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 Author

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 Author

glad you like it

Collapse
andrewbaisden profile image
Andrew Baisden

Some useful extensions on this list.

Collapse
free_one profile image
Michael Author

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 Author

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 Author

check out the next post in the series ⚫