DEV Community


Posted on

Introducing Code Modes

Lately, I've been finding myself showing/hiding folders/files again and again depending on what I am doing. To make this easier, I created a VSCode extension called Code Modes.

GitHub logo SiddharthShyniben / code-modes

Change your file tree based on what mode you are in!

Contributors Forks Stargazers Issues GPL 3.0 License Latest Version Say thanks


Code Modes (for VSCode)

Change your file tree based on what mode you are in
Explore the docs ยป

Report Bug ยท Request Feature

Table of Contents

  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact

About The Project

Ever found yourself going to the settings to show/hide folders/files again and again depending on whether you are Git debugger man or Configuration man? This extension does exactly that, hiding/showing folders/files depending on what you are doing.

Getting Started

To install the extension follow these simple steps.


You need VSCode installed.


  1. Open the extension sidebar panel in VSCode
  2. Search for code-modes. (Be sure to find the right one!)
  3. Click install to install it.


  1. Clone this repo
  2. cd (fcd?) into it
  3. run code --install-extension code-modes-1.0.0.vsix


This extension exposes a command and a status bar item

Use the command Code Modes: Change modeโ€ฆ

Basically, there are a bunch of modes, which you can choose. When you are in a certain mode, certain files get excluded from the file tree.

For now, the extension is very basic (I made it in 1 day and I had the most amazing feeling when it worked bug-free) and there is no way to add custom modes, etc.

If you have any suggestions for any modes, feel free to comment!

Top comments (2)

klvenky profile image
Venkatesh KL

That sounds interesting, I need to give it a try.

siddharthshyniben profile image

Thanks! It's pretty basic but I will improve sometime.