Uploaded May 2024 | Updated September 2026, 1 week ago
Colors 🌈 help us identify things in our surroundings, including vscode instances and files.
Today I show how I solved two problems I had, thanks to colors and 2 vscode extensions: 👇
1) Identify different vscode instances
This is quite common, you may have a backend and a frontend repo, or simply you’re working on multiple projects and it happens that you have some vscode instance open.
Short answer: Peacock.
You can indeed customize projects from the settings but this extension makes it so much easier.
marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
2) Identify files and folders in the same repo
I was recently playing around with Module Federation, but this applies pretty much in all monorepo scenarios.
I wanted an easy way to know what project a file refers to and with another extension, Folder Path Color, I was able to do that!
marketplace.visualstudio.com/items?itemName=VisbyDev.folder-path-color
_______________________________
Hit like and subscribe for more content! :D
Beginner-Friendly Open Source Projects: github.com/DevLeonardoCommunity
Join the Discord community! Here's the invite: discord.gg/bqwyEa6We6
You can also follow me on the other platforms:
Twitter: twitter.com/Balastrong
dev.to: dev.to/balastrong
GitHub: github.com/Balastrong
Home: https://leonardomontini.dev/
TikTok: tiktok.com/@balastrong
Instagram: instagram.com/devbalastrong
_______________________________
TIMESTAMPS
00:00 Intro
00:25 Coloring a vscode instance
01:35 Coloring files based on their path
#microsoft #vscode
Colors 🌈 help us identify things in our surroundings, including vscode instances and files.
Today I show how I solved two problems I had, thanks to colors and 2 vscode extensions: 👇
1) Identify different vscode instances
This is quite common, you may have a backend and a frontend repo, or simply you’re working on multiple projects and it happens that you have some vscode instance open.
Short answer: Peacock.
You can indeed customize projects from the settings but this extension makes it so much easier.
marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock
2) Identify files and folders in the same repo
I was recently playing around with Module Federation, but this applies pretty much in all monorepo scenarios.
I wanted an easy way to know what project a file refers to and with another extension, Folder Path Color, I was able to do that!
marketplace.visualstudio.com/items?itemName=VisbyDev.folder-path-color
_______________________________
Hit like and subscribe for more content! :D
Beginner-Friendly Open Source Projects: github.com/DevLeonardoCommunity
Join the Discord community! Here's the invite: discord.gg/bqwyEa6We6
You can also follow me on the other platforms:
Twitter: twitter.com/Balastrong
dev.to: dev.to/balastrong
GitHub: github.com/Balastrong
Home: https://leonardomontini.dev/
TikTok: tiktok.com/@balastrong
Instagram: instagram.com/devbalastrong
_______________________________
TIMESTAMPS
00:00 Intro
00:25 Coloring a vscode instance
01:35 Coloring files based on their path
#microsoft #vscode
