Show and tell: Show off your VS Code setup :)

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.

Comments

[Carter Snook]

Theme: Tokyo Night Storm
Font: Cascadia Code PL SemiLight
Icons: Seti

[Carter Snook]

Wow, I just realized that it looks a lot better with Windows Night Light at 85% which is what I always have it on at.

[Ronnie Villarini]

Theme: Nord
Font: Victor Mono

[Cason Adams]

I went down this route of endless customization of VSCode (and others). Tried some cool note taking plugins too. But in the end I found I was more productive with a basic terminal and neovim using coc.vim. I try to keep things as vanilla as I can, and when I find I do something a lot I make it easier(shortcut key / plugin). Kind of like setting an alias in your shell.

[Robert G. Schaffrath]

I have nothing fancy. My theme is called "Neon (Deep Dark)" and is theme I derived from a theme called "Neon Vomit" that was in the extensions marketplace. I tweaked a few colors and made the background black.

Theme: Neon (Deep Dark)
Icons: No file icon theme enabled
Font: Consolas, 'Courier New', monospace

[Nilay Mehta]

Theme: GitHub Dark
Font: Fira Code
Icons: Seti (Default one)

[Anthony Sutton]

Theme: AYU Dark Bordered
Icons: vscode icons
Font: MonoLisa

[Jamie Smith]

Theme:
SynthWave '84 – Gimme that sweet neon glow.

Icons:
vscode-icons – If it's good enough for the Goonies, it's good enough for me.

Font:
Fira Code – The first alternative-to-default font I ever used. Nostalgia.

Extensions:
GitLens – Must have
Dash – Use it all the time to look-up documentation
Snake Trail – Completely useless but something feels off without it

[Daniel Waller (he/him)]

Wooah Synthwave Looks glorious 😍🤯

[Gulajava Ministudio]

Here my VS Code setup, feel free to try.

Theme : Mayukai Theme (Mirage and Mono)
Icon : Material Icon Theme
Font : Iosevka Mayukai

[mrbandler]

Theme: Community Material Theme (Darker)
Icons: Material Theme Icons (Darker)
Font: JetBrains Mono -> Ligatures enabled

[Hurmuz Gheorghiță]

VSCodium
Theme: Monokai Pro (Filter Spectrum)
Icons: Monokai Pro (Filter Spectrum) Icons
Font: Dank Mono

[Georgi Marokov]

Here is mine. Cobalt2 theme which claims to be the most friendly theme for you eyeballs.

[Sooraj (PS)]

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.

[Jon Randy 🎖️]

Theme: Afterglow Orange
Font: Fira Code
Color scheme: Railscasts

😁

[Jon Randy 🎖️]

Yes, this is Sublime Text 👍

[Michael Harding]

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.

[TorqueWrench]

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

[Ronnie Villarini]

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?