DEV Community

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

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
 
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
 
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
 
relativelyrehan profile image
relativelyrehan

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

Collapse
 
standoge profile image
Stanley Melgar

What's theme name?

Collapse
 
sarthology profile image
Sarthak Sharma

What's the theme name?

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