Hey DEV community 👋
I primarily use VS Code for working with React/TypeScript and Python.
I could use some help and inspiration for really getting the most out of my VS Code experience!
I'd love to see your setups :)
From pretty themes and icon sets to your favorite plugins for productivity and ease of use.
Oldest comments (49)
I use lucy theme, it comes with 2 variations. I fell in love with the colors of this theme <3
For productivity plugins I like git graph since you can do a few things without the use of the git command and also visualize current branches and previous commits in a visual way just like GitKraken. I also use bookmarks plugin and GitLens to supercharge git support.
Icon theme: Material Icons
click me to see setup
that gitgraph looks really cool
ultrawide monitor for see all this stuf
Oh yes that git graph does look very nice! Will definitely check out lucy as well :)
+1 for #Angular
This is actually NestJS, a nodes framework :)
What font is this?
It's Cascadia Code
Heres mine
Theme: Dracula
Icons: Material Icon Theme
Font: Fira Code
This is exactly my setup too!
Exactly my setup
Just the most beautiful setup, ever!
Snap!
Ooooo I like this, thank you
guess who just changed his theme <3
Damn hell... I was with Shades of Purple, but I have to go back to Dracula... it's really too good!!!
I am a fan of Jetbrains Mono as a font, it's ligatures are fantastic.
As far as plugins, I don't have much other than some Rust-related stuff.
I have my terminal set to zsh, for convenience.
I am still looking for a good theme.
Oh they have ligatures as well? I never realized that...always just installed FiraCode. I'll need to check that out :D
I am exactly the same I did not know either I just defaulted to FiraCode. I will do the same it looks cool.
Theme: One Dark Pro
Icons: Material Icon Theme
Font: Jetbrains Mono
Additional Ext: Code Time, to track daily code time.
dev-to-uploads.s3.amazonaws.com/i/...
Theme: Palenight
Icons: Material Icon
Font: Cascadia Code
Hello! I use my own theme Mokka. It's developed especially for JavaScript and React development. Also, there is support for Python and PHP.
Theme: Mokka;
Font: Cascadia Code;
Icons: Material Icon Theme.
My theme Mokka is available on the marketplace: marketplace.visualstudio.com/items...
Ooh good work! Haven't seen Mokka before. I really like the soft color pallete and clear design goal of minimizing visual clutter. Will definitely try it out :)
I try to keep things very simple.
Sometimes dark and sometimes light.
Sidebar on the right and mostly hidden.
Font - Fira Code
Theme - Github light and dark
Yes! Github Light ftw I love how clean it looks
Here's mine:
Theme (sorry, my heart is divided):
Icons: VSCode icons
Font: Fira Code
Shades of purple was my previous theme I even had it for Hyper and iTerm 2. I would probably still be using it if it was not for the fact that I was doing a Kotlin tutorial with IntelliJ IDEA and the teacher was using Dracula which looked cool. Then I remembered that VS Code also has a Dracula theme with over a million downloads. I like my editors to look the same so I changed. But my mood can change like the weather and I never got bored of Shades of purple 😁
Yesss, I love Dracula too, it was my previous theme :)
Oh yes I've used that before as well!
If you like purple and feel really crazy, check out 'Cyberpunk' for maximum saturation purple and screaming green accents :D
I might actually give that a try when the game Cyberpunk 2077 is released. Total immersion 😎
I'm big into remote development with VS Code, so most of my setup centers around integrating Visual Studio Code with a remote development server (which itself is actually a VM) as well as Docker:
Connecting VS Code with a Remote Development Server
Just read your articles and it looks interesting! Might be giving it a go. I'm getting ready to switch jobs and I'll be given an equipment budget.. was thinking of moving to something more lightweight and portable because I have a rather beefy desktop already, this would definitely solidify that option!
Do you have to do any extra port forwarding when running web dev tasks? Like starting up a Vue dev server for instance?
Theme: Dank Neon (I modified it a bit)
Icons: Material Theme Icons (Pale Night)
Font: Dank Mono
GitLens is great, Live Share basically makes VS Code work like Google Docs on your editor, Error Lens makes seeing errors really nice and clear.
Theme: Afterglow Orange
Font: Fira Code
Color scheme: Railscasts
😁
Yes, this is Sublime Text 👍
Here's my vs code setup :)
Theme: Ayu Dark Bordered
Icons: Material Icon Theme
I like this setup because of the darker background and the contrasting code colors and this makes the code clearly visible.
Here is mine. Cobalt2 theme which claims to be the most friendly theme for you eyeballs.
VSCodium
Theme: Monokai Pro (Filter Spectrum)
Icons: Monokai Pro (Filter Spectrum) Icons
Font: Dank Mono
Theme: Community Material Theme (Darker)
Icons: Material Theme Icons (Darker)
Font: JetBrains Mono -> Ligatures enabled