DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 966,155 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for What does your VS Code setup look like?
Madza
Madza

Posted on

What does your VS Code setup look like?

I'm using One Dark Pro theme, VS Code icons, FiraCode font and Git Bash terminal. It's pleasing to an eye and lets me stay productive.

Alt Text

Could you please share your screenshots?
Excited to see your setups!

Top comments (76)

Collapse
 
scroung720 profile image
scroung720 • Edited on

Yes, I have my waifu(it is a VS Code extension). It is such a pitty that she only talks Chinese. I am planning to put some Spanish messages in there.
VS Code environment screenshot

Collapse
 
reiallenramos profile image
Rei Allen Ramos

What does your waifu do? Interesting extension!

Collapse
 
scroung720 profile image
scroung720

It follows your mouse with its eyes. When you start VS Code send messages when hover or click over it send messages. it has multiple animations. There are different characters to chose from.

You can give it a try. It's free: marketplace.visualstudio.com/items...

Thread Thread
 
madza profile image
Madza Author

I need to give it a try, I guess 😎

Collapse
 
karandpr profile image
Karan Gandhi

This. I need answers :) .

Thread Thread
 
scroung720 profile image
scroung720 • Edited on

You can give it a try. It's free: marketplace.visualstudio.com/items...

Thread Thread
 
thinkverse profile image
Kim Hallberg

It's cool and all, but damn it's hard to get rid of, had to re-install vscode to get rid of the corrupted version error, and to stop my machine's fans from going haywire.

Collapse
 
omarkhatib profile image
Omar

waifu extension is a must!

Collapse
 
omarkhatib profile image
Omar

Actually I spend some time to make vim also have a waifu also but it's a picture not moving.
imgur.com/pqNTDit.png
Thanks for motivation

Thread Thread
 
windwp profile image
windwp

how do you display picture in vim?

Thread Thread
 
omarkhatib profile image
Omar

the theme override background

Collapse
 
danielltw profile image
Daniel Leong πŸ‡ΈπŸ‡¬

Reading the readme, to uninstall, you need to disable the extension first, then you can uninstall to prevent issues.

Collapse
 
cloudmunk profile image
CloudMunk

Lol, this is way to cool! Do you know of any other such extensions that have a char like this? Or is this the only one?

Collapse
 
scroung720 profile image
scroung720 • Edited on

I haven't found another similar extension. However, it seems that they are using a very standardized format for the animation in a way that you can use any character using that format. I did a fork of the project in Github and it is not difficult at all. Very easy anyone can create a language variation with different characters.

Collapse
 
eync profile image
Sanjiv

Here's my current simple setup:

  • "Popping and Locking" theme
  • Pomodore Timer (look down to left)
  • Intellisense for CSS class names in HTML
  • Insert numbers

Looks like many of who have already commented prefers darker themes!
Haha I love it, easier for eyes!

Collapse
 
iam_strawb profile image
CharlnzπŸŒΉπŸ’•πŸ–€creativedesign

Hi Sanjiv, which extension are you using on your vs code

Collapse
 
eync profile image
Sanjiv

Hey, I am using just the ones I mentioned above. Nothing else, I promise!

Collapse
 
madza profile image
Madza Author • Edited on

I've tried a couple of light themes as well, switched back immediately πŸ˜‚
In general dark themes give me better contrast and are easier to work with for longer periods of time πŸ˜‰

Collapse
 
eync profile image
Sanjiv

Yeah I feel you ! Thankfully we live such time when it's possible to have almost anything with darker theme! πŸ˜‚

Collapse
 
reiallenramos profile image
Rei Allen Ramos • Edited on

Heh very similar look and feel!

  • Dark+ theme (default dark)
  • Fira Code with ligatures
  • the highlighting at the start of the line, forgot what it's called

Can you share how you got the purple line the runs from line 6-23? That looks really helpful.

screenshot

Collapse
 
madza profile image
Madza Author • Edited on

I'm using Bracket Pair Colorizer. They have v2 as well.
See which one do you like best πŸ˜‰

Collapse
 
reiallenramos profile image
Rei Allen Ramos

awesome! will check it out :)

Collapse
 
noxasch profile image
Alexander Dischberg

same, i use default Dark+ theme as well with material icon theme. Other extensions are based on language and project.

Collapse
 
karandpr profile image
Karan Gandhi

alt text
Just Base2Tone themeset. Currently it's SeaDark.
marketplace.visualstudio.com/items...

Collapse
 
madza profile image
Madza Author

That SeaGreen looks nice on #1C252E for sure 🀩

Collapse
 
karandpr profile image
Karan Gandhi

Mood !

Thread Thread
 
madza profile image
Madza Author

Exactly πŸ’―

Collapse
 
andrewbaisden profile image
Andrew Baisden • Edited on

My current setup:

https://dev-to-uploads.s3.amazonaws.com/i/jr0aiccvg1r1a0so3mqp.png

Collapse
 
madza profile image
Madza Author

Material icons look so nice on that setup 🀩

Collapse
 
pablohs1986 profile image
Pablo Herrero

😍😍😍I love Shades of purple, is my second theme after Night owl.

Collapse
 
andrewbaisden profile image
Andrew Baisden

Yeah it’s beautiful. Night Owl was my main for a long time I decided to try something different.

Collapse
 
keith0305 profile image
Ron

+1 for the 4 spaces indentation

Collapse
 
pablohs1986 profile image
Pablo Herrero • Edited on

πŸ‘‹Nice setup, here's mine:

myVS

  • Night Owl theme.
  • VSCode icons.
  • Consolas font.
  • Rainbow Brackets.
  • Git Bash terminal.
Collapse
 
madza profile image
Madza Author

Night owl is awesome too πŸ‘ŒπŸ‘
I guess I'm still too much of an Atom fan to fade away from One Dark Pro πŸ˜‚πŸ˜‚

Collapse
 
nikolahristov profile image
Nikola Hristov • Edited on
Collapse
 
csgeek profile image
csgeek

That's really nice. I like that theme

Collapse
 
hasnayeen profile image
Nehal Hasnayeen
Collapse
 
zizaco profile image
Zizaco • Edited on

vscode
"Panda Syntax" theme
"CaskaydiaCove Nerd Font Mono"
CaskaydiaCove font for the UI

Collapse
 
madza profile image
Madza Author

That's a nice font 🀩

Collapse
 
mikebarkmin profile image
Mike Barkmin • Edited on

Theme: Tokyo-Night
Extensions:

  • Docker
  • ESLint
  • Java Extension Pack
  • LaTeX Workshop
  • PHP Intelephense
  • Prettier
  • Project Manager
  • Python
  • Vim
  • and some others

VSCode

Collapse
 
jamesthomson profile image
James Thomson

+1 for Tokyo Night

Collapse
 
stackdumper profile image
Elijah Atamas

Theme: Ayu Mirage
File Icons: File Icons
Font Family: Fira Code
Plus a little bit of custom CSS to hide the left and bottom toolbars.

Screenshot

Collapse
 
madza profile image
Madza Author

Ayu Mirage keeping it basic, strictly avoids of reds πŸ˜‚

Collapse
 
stackdumper profile image
Elijah Atamas • Edited on

Oranges FTW! πŸ˜„

Screenshot

Thread Thread
 
madza profile image
Madza Author

Yup πŸ˜„πŸ˜„ I actually love the simplicity, it's like right in the middle between flashiness that could be hard for the eyes and no highlighting at all that could be bad for readability πŸ˜‰ Good find! πŸ‘

Collapse
 
sd_devto profile image
SD Dev.to • Edited on

Today I launched a free Visual Studio Code theme called GitHub Dark Turbo. It's a fork of the official GitHub Dark theme, with some workbench goodies to help users focus. The sample images show Ruby on Rails source code. Enjoy =)

github.com/dubesoftware/github-dar...

Collapse
 
gulajavaministudio profile image
Gulajava Ministudio • Edited on

Currently my vs code setup :

  • Mayukai Theme .
  • Iosevka Mayukai Font.
  • Material Theme Icon.
  • And for Terminal, using xfce terminal with Zsh/Ohmyzsh with starship theme.

Image1

Collapse
 
gulajavaministudio profile image
Gulajava Ministudio

Image2

Collapse
 
supportic profile image
Supportic • Edited on

Theme: Horizon
Font: JetBrains Mono
Extensions: Bracket Pair Colorizer 2, Indent Block Highlighting

VSCode setup

Collapse
 
ombratteng profile image
Ole-Martin Bratteng • Edited on

Theme: DA UI from ST3 (author deleted the public repo when he switched over to VS Code, luckily I had it locally on another machine) I kinda ported over to VS Code
VS Code

Collapse
 
madza profile image
Madza Author

Clean 🀩 I like how there is no background transition between folder tree and an actual coding space πŸ‘

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

Thank you.

Thanks for visiting DEV, we’ve worked really hard to cultivate this great community and would love to have you join us. If you’d like to create an account, you can sign up here.