DEV Community

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

Posted on

34 16

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 โ€ข
Collapse
 
anubra266 profile image
Abraham โ€ข

I'll put up a tutorial

Collapse
 
mazmis profile image
mazmis โ€ข

right-sidebar team.

Collapse
 
sarthology profile image
Sarthak Sharma โ€ข

dope

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

image

Collapse
 
whippingdot profile image
Sanjaay R. โ€ข

My favorite theme of them all

xD

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
 
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
 
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
 
relativelyrehan profile image
relativelyrehan โ€ข

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

Collapse
 
standoge profile image
Stanley Melgar โ€ข

What's theme name?

Collapse
 
sarthology profile image
Sarthak Sharma โ€ข

What's the theme name?

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
 
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
 
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.

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.

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free โ†’

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay