DEV Community

Cover image for Show off your VSCode Setup ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป๐Ÿ’ฏ
Sarthak Sharma
Sarthak Sharma Subscriber

Posted on

Show off your VSCode Setup ๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป๐Ÿ’ฏ

After the last edition, which I loved a lot btw let's do it again this month too.

Screenshot 2021-03-24 at 2.56.15 PM

๐—ง๐—ต๐—ฒ๐—บ๐—ฒ: Deepdark Material Theme
๐—™๐—ผ๐—ป๐˜: Dank Mono
๐—ฃ๐—ฒ๐—ฎ๐—ธ๐—ฐ๐—ผ๐—ฎ๐—ธ ๐˜๐—ต๐—ฒ๐—บ๐—ฒ: #f22e60 colour code

So tell me what's your current VSCode theme and font look like? I'm Curious. Also, share your 3 personal favourite VSCode plugins.

Top comments (75)

Collapse
ย 
anubra266 profile image
Abraham โ€ข โ€ข Edited

Learn how I did this here

Collapse
ย 
fidohun profile image
FidoHUN โ€ข

How did you set up this background? Can you provide a small tutorial?

Collapse
ย 
anubra266 profile image
Abraham โ€ข

I'll put up a tutorial

Collapse
ย 
anubra266 profile image
Abraham โ€ข
Collapse
ย 
mazmis profile image
mazmis โ€ข

right-sidebar team.

Collapse
ย 
sarthology profile image
Sarthak Sharma โ€ข

dope

Collapse
ย 
som3aware profile image
Ahmed Abu Qahf โ€ข โ€ข Edited

my-setup

Theme: Gruvbox Dark Hard
Font Family: Input Mono, 12
Icons: material-icon-theme
Product Icons: fluent-icons

Collapse
ย 
soulninjadev profile image
SoulNinja-dev โ€ข

thanks for this, I am going to use this from now, looks really nice

Collapse
ย 
som3aware profile image
Ahmed Abu Qahf โ€ข

You're welcome. That's great, let me know if you can make it even better.

Thread Thread
ย 
soulninjadev profile image
SoulNinja-dev โ€ข

Nah, I'm not into customizing that much, I just use pre-made templates most often ๐Ÿ˜…

Thread Thread
ย 
soulninjadev profile image
SoulNinja-dev โ€ข

I dont like designing that much lol, I suck at css and stuff like that

Collapse
ย 
sarthology profile image
Sarthak Sharma โ€ข

Screenshot?

Collapse
ย 
som3aware profile image
Ahmed Abu Qahf โ€ข

Always forget that comment uses markdown

Thread Thread
ย 
som3aware profile image
Ahmed Abu Qahf โ€ข

updated it

Collapse
ย 
relativelyrehan profile image
relativelyrehan โ€ข

Collapse
ย 
relativelyrehan profile image
relativelyrehan โ€ข

Material Theme: Palenight - HC ๐Ÿง›๐Ÿง›

Collapse
ย 
machineno15 profile image
Tanvir Shaikh โ€ข

Is file broweser on right better than left ?

Collapse
ย 
relativelyrehan profile image
relativelyrehan โ€ข

It's more of a personal preference I suppose. There's no better way๐Ÿ˜‡๐Ÿ˜…

Collapse
ย 
anubra266 profile image
Abraham โ€ข

It actually is. Reason is toggling menu from left while working shifts your editor.
And that is distraction. But when it's toggled from right. You won't lose focus on where you where last.

Collapse
ย 
standoge profile image
Stanley Melgar โ€ข

What's theme name?

Collapse
ย 
sarthology profile image
Sarthak Sharma โ€ข

What's the theme name?

Collapse
ย 
jonrandy profile image
Jon Randy ๐ŸŽ–๏ธ โ€ข

image

Collapse
ย 
sarthology profile image
Sarthak Sharma โ€ข

๐Ÿค”

Collapse
ย 
jonrandy profile image
Jon Randy ๐ŸŽ–๏ธ โ€ข

I don't use VS Code. It's slow and a resource hog

Thread Thread
ย 
crusty0gphr profile image
Harutyun Mardirossian โ€ข

Most of the electron products are slow. Atom is based on electron too and it much much slower than any other editor. My personal favorite in simple text editors is Sublime Text - written in C++ and extremely fast

Thread Thread
ย 
jonrandy profile image
Jon Randy ๐ŸŽ–๏ธ โ€ข โ€ข Edited

Sublime Text is my editor of choice too

Collapse
ย 
whippingdot profile image
Sanjaay R. โ€ข

My favorite theme of them all

xD

Collapse
ย 
retronav profile image
Pranav Karawale โ€ข

Here's mine:
My Code Setup

  • Theme : Material Theme Ocean (its the base theme upon which I have put all my customizations)
  • Theme : Victor Mono
  • Icons : Material Icons (P.S And the project in the screenshot also uses Material Design, I โคMaterial)
Collapse
ย 
sarthology profile image
Sarthak Sharma โ€ข

So clean โœจโœจ

Collapse
ย 
thalitadev profile image
Thalita G. โ€ข

Naseki's VSCode setup

Theme: Remedy (dark - tilted)
Product icon theme: Carbon Icons
Font: JetBrains Mono

I don't really go crazy with plugins other than autocompletes, Live Server and a minifier. The one exception to that is Better Comments, a must-have to me.

Collapse
ย 
sarthology profile image
Sarthak Sharma โ€ข

Sweet ๐Ÿ’ฏ๐Ÿš€

Collapse
ย 
whippingdot profile image
Sanjaay R. โ€ข

Don't mind the code:
MOI SETUP

Theme: One Dark Pro
Font-Family: Fira Code
Icons: Material Icon Theme - Philipp Kief
Product Icon: Material Product Icons - Philipp Kief

Recommended MUST HAVE extensions:
Code Spell Checker
Error Lens
Project Manager

P.S. Philipp Kief is AWESOME with icons!

P.S.P.S. The blue marking on the scroll bar is blue because it is a spell check error and it is shown brightly because of the Error Lens extension.

Collapse
ย 
dabibu153 profile image
saurav sharma โ€ข

image

theme: deepdark material theme

fav plugins:

  1. Turbo console log
  2. TabNine auto complete
  3. Codalyze
Collapse
ย 
sarthology profile image
Sarthak Sharma โ€ข

Same pinch dude.

Collapse
ย 
msamgan profile image
Mohammed Samgan Khan โ€ข โ€ข Edited

Collapse
ย 
natriumdev profile image
NatriumDev โ€ข

+1 for a light theme. We are a rare breed.

Collapse
ย 
msamgan profile image
Mohammed Samgan Khan โ€ข

no offence to people use dark, but dark theme are overrated.
ones u start using light there is no going back..

FORCE is way stronger on the light side...

Thread Thread
ย 
sarthology profile image
Sarthak Sharma โ€ข

Relax folks ๐Ÿ˜…

Collapse
ย 
sarthology profile image
Sarthak Sharma โ€ข

I love them too.

Collapse
ย 
reli profile image
Reli โ€ข

Theme: Gruvbox Dark Medium
Font Family: Fira Code, 14
icons: material-icon-theme

I really like to hide and show parts of the UI with shortcuts, I think it's very clean.