DEV Community

Cover image for My VS Code setup

My VS Code setup

Jatin Sharma on February 04, 2023

In this article, I'll be sharing my VS Code Setup with you. It includes the theme and Icons that use and also Extensions (this is very important). ...
Collapse
 
lgrammel profile image
Lars Grammel

Awesome extensions!

I've recently created an extension that provides Chat-GPT-like functions inside VS Code: marketplace.visualstudio.com/items...

Would love to hear if an extension like this would be useful to you as well.

Collapse
 
j471n profile image
Jatin Sharma

That's sounds wonderful, I would love to try that. Thanks fo this.

Collapse
 
_itsglover profile image
Glover

Just tried out your extension and it's genuinely awesome 🔥

Collapse
 
lgrammel profile image
Lars Grammel

Thank you!

Collapse
 
uciharis profile image
the hengker

wanna give a try

Collapse
 
husseinkizz profile image
Hussein Kizz

Well thanks for sharing, I may do a whole youtube video or blog post about my vscode setup if I get time, cause I like making it the best I can have since I spend most of time there yet not also blow it and make it lag, but for the sake here are my top extensions I think you will ever need to make your vscode more poppy!
Link: howivscode.com/Hussseinkizz

Collapse
 
j471n profile image
Jatin Sharma

That's an amazing collection.

Collapse
 
fahimfba profile image
Md. Fahim Bin Amin

I also use the Andromeda theme. After shifting a lot of themes, this is the only theme I can make my eyes peaceful for a longer period of time.

Collapse
 
j471n profile image
Jatin Sharma

Exactly the same reason.

Collapse
 
satyamgupta1495 profile image
Satyam Gupta

I use Night Wolf theme, would recommend you to try once!

Collapse
 
j471n profile image
Jatin Sharma

I'll definately try, thanks man for recommendation.

Collapse
 
itsahsanmangal profile image
Ahsan Mangal 👨🏻‍💻

I enjoyed reading your article and seeing your VS Code setup. I learned about some new extensions and themes that I might try out myself. However, I think you could improve your article by adding more details and examples on how you use some of the extensions and settings in your daily workflow. For example, how do you use Live Server to preview your web pages? How do you use Prettier to format your code? How do you use Bracket Pair Colorizer to match brackets? It would also be nice if you could compare and contrast some of the extensions and themes you use with other popular ones and explain why you prefer them. Overall, a good article that shows your passion for web development.

Collapse
 
j471n profile image
Jatin Sharma

I am really glad that you enjoyed my article. This article's purpose was just to share my setup. For explaining the workflow of each of the extension can be discussed in separate article like how they work and all.

Collapse
 
machineno15 profile image
Tanvir Shaikh

Great list,
Bracket pair colorizer is no more required, its built is vscode now

Most of this I'm already using, error lens something new to me

Collapse
 
j471n profile image
Jatin Sharma

Error lens helped me a lot recently.

Collapse
 
madams1972 profile image
Friday Knight

OMFG!!!
You just solved one of the biggest problems I have had for years. I could never get Auto Save to work and I went through a six month bootcamp and the instructors never once tried to help me correct the issue. You corrected it by posting the #json file I just copied and pasted your code and it fixed my issue thanks

Collapse
 
j471n profile image
Jatin Sharma

I am really glad that your issue has been fixed. This pleasure is on another level.

Collapse
 
ianonjuguna profile image
Iano Njuguna

Error Lens caught my eye

Collapse
 
j471n profile image
Jatin Sharma

It's one of the best.

Collapse
 
mohammadparsajavidi profile image
mohammadparsa-javidi

Great 👌

Collapse
 
j471n profile image
Jatin Sharma

Thanks 😊

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
j471n profile image
Jatin Sharma

Thanks Deepak. 🙌

Collapse
 
nidhiparab profile image
Nidhi

Markdown Preview Enhanced is a great addition for my collection!

Collapse
 
j471n profile image
Jatin Sharma

Yeh, It helped me a lot when I am working with Markdown.

Collapse
 
sylyac2000 profile image
Sylyac2000

Thank you very much

Collapse
 
j471n profile image
Jatin Sharma

My pleasure 🙂

Collapse
 
maqi1520 profile image
Alex Ma

Thank you very much, I also installed many of the same extensions。
非常感谢给我灵感,录制了一个视频
bilibili.com/video/BV1P24y1s7AQ

Collapse
 
j471n profile image
Jatin Sharma

That's amazing..

Collapse
 
akashgosiya profile image
Akash Gosiya

Amazing ! Very Useful

Collapse
 
j471n profile image
Jatin Sharma

Thanks Akash. ☺️

Collapse
 
codeofrelevancy profile image
Code of Relevancy

Thank you for sharing this..

Collapse
 
j471n profile image
Jatin Sharma

It's my pleasure ☺️

Collapse
 
mahlilmahee profile image
Mahlil Mahee

awesome bro

Collapse
 
j471n profile image
Jatin Sharma

Thanks.

Collapse
 
saravanasai profile image
Saravana Sai

Turbo log that's really awesome thanks for that

Collapse
 
j471n profile image
Jatin Sharma

Yes, it helped me a lot recently.

Collapse
 
tiagoribeiro25 profile image
TiagoRibeiro25

I find it funny that 95% of this is literally my current vscode setup, including the theme, except the font, I use monolisa. Good recommendations ;=)

Collapse
 
j471n profile image
Jatin Sharma

That's amazing 🤩

Collapse
 
aadarsh805 profile image
Aadarsh Thakur

Man I'm missing so much cool features, thanks a lot for this

Collapse
 
j471n profile image
Jatin Sharma

Now, you won't miss them. 🙌

Collapse
 
louiecodes profile image
L O U I S

Nice, I almost use the same ones. Still I'm taking a few to try!

Collapse
 
j471n profile image
Jatin Sharma

It's amazing.

Collapse
 
nickjeon profile image
Nicholas Jeon

Are you utilizing all of them concurrently? I have concerns that this type of configuration may significantly impede the performance of your VS Code. 🤔

Collapse
 
j471n profile image
Jatin Sharma

Not all of them, I disable some of them depending upon environment or workspace.

Collapse
 
hackertab profile image
Hackertab.dev 🖥️

I found 3 cool extensions I didn't know they exist!
Thank you for this amazing collection

Collapse
 
j471n profile image
Jatin Sharma

I am glad it helped. 😊

Collapse
 
banhsbao profile image
BanhsBao

Very helpful!! Thanks

Collapse
 
j471n profile image
Jatin Sharma

I am glad you find it helpful 😊

Collapse
 
konhi profile image
Jan Szymański

Great post! I especially liked:

  • Auto Rename Tag
  • Code Spell Checker
  • Error Lens
  • Git Lens
  • Turbo Console Log
Collapse
 
j471n profile image
Jatin Sharma

Thank mate. ☺️

Collapse
 
samuelchidozie profile image
C.Sam

Lovely

Collapse
 
mamadalisilavi profile image
mamadalisilavi

tancks!

Collapse
 
khuongduybui profile image
Duy K. Bui

Has anyone pointed out that Settings Sync is now replaceable by a built-in function?

Collapse
 
sarathkumar365 profile image
Sarath Kumar

yeah right, it is.

Collapse
 
disorrder profile image
Disorder AA

Settings Sync doesn't matter any more, since VSCode has its own sync out of the box.
Github CoPilot > Tab9
Import cost is good idea, but it really slow down the editor each time I have to import a new thing.

Collapse
 
aramb-dev profile image
Abdur-Rahman

Very helpful!! I didn't know there was a separate Settings Sync extension. This is very helpful because it removes the hassle of signing in to GitHub or Microsoft.