DEV Community

Cover image for 5 VSCode Extensions You Must Use

5 VSCode Extensions You Must Use

Murtuzaali Surti on May 27, 2022

Here are the 5 most useful Visual Studio Code extensions to improve your workflow! Error Lens CSS Peek GitLens Import Cost Version Lens ...
Collapse
 
j471n profile image
Jatin Sharma • Edited

All of them are already installed. Nice work though :)

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

Awesome! How many total extensions are installed on your system?

Collapse
 
j471n profile image
Jatin Sharma

Around 75+

But I Don't use all of them at the same time, because they eat RAM. Initially I disable all the extension and I enable it when I need it, It totally depend on the workspace.

Thread Thread
 
murtuzaalisurti profile image
Murtuzaali Surti

Yeah, even I have 60 installed but I don't require them all at once.

Thread Thread
 
j471n profile image
Jatin Sharma

Yes exactly, Otherwise vs code beats chrome in terms of RAM consumption.

Thread Thread
 
murtuzaalisurti profile image
Murtuzaali Surti

Oh, I probably need to check that on my machine

Collapse
 
wjk22 profile image
Wojtek Kalka

Hehe and after all that extensions I still moved over to nvim most of the time

Collapse
 
harithzainudin profile image
Muhammad Harith Zainudin

im still thinking either I wanna try vim/nvim or still using vs code. hm

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

use what's best for your use case

Thread Thread
 
harithzainudin profile image
Muhammad Harith Zainudin

im quite a noob here. will it be okay if you give what kind of use case that is better for which one?
cause, it will take time to get used to vim tho.

Thread Thread
 
murtuzaalisurti profile image
Murtuzaali Surti

If you are a beginner, start with VS code because it's simple and easy to use. When you become quite experienced enough, you can try vim too.

Thread Thread
 
harithzainudin profile image
Muhammad Harith Zainudin

Nice! thanks for the suggestions. Nevertheless, will start using vim sooner or later to try it out!

Thread Thread
 
murtuzaalisurti profile image
Murtuzaali Surti

Great

Collapse
 
sercan profile image
Sercan Sebetรงi

I think the most important problem of plugins in Visual Studio Code isn't knowing which plugin has which effect. For example, today I used the ?? (nullish coalescing operator) while working with JavaScript. A plugin inserted a space character between characters in this operator when I saved the file. I was able to avoid this effect after opening and saving the file in another editor. I tried all the suggestions in the forums but it didn't work. Someone tell me this is a joke!

Collapse
 
micahfang profile image
Micah Fang

I used to use import cost too, but now i found that it's will cost a bit seconds to wait the size to calculator. It's kind of slowing down my coding for me.
Maybe it's just for me, do you also has this problem?

Collapse
 
stivncastillo profile image
Stiven Castillo

Yes, this consumes a lot of memory and the vscode is very slow. I don't reccommend install Import Cost.

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

Yeah it takes some time to calculate

Collapse
 
jacksonkasi profile image
Jackson Kasi

thanks man :)

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

๐Ÿ™Œ

Collapse
 
andrewbaisden profile image
Andrew Baisden

Good list I know some of them already and have them installed.

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

That's great!

Collapse
 
towfiqi profile image
Towfiq I.

Thanks so much for CSS Peek. Its a so useful. I can't believe I have been wasting my life switching between files and searching for css classes like a caveman when this existed.

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

Thanks! CSS Peek is certainly useful!

Collapse
 
ademking profile image
Adem Kouki
Collapse
 
mjcoder profile image
Mohammad Javed

Numbers 1 & 2 look great, I'll be sure to install this - they'll come in handy.

Collapse
 
5alidshammout profile image
5alidshammout

after looking at my extensions when I added what I need from those, they become 50,
after removing unused ones they become 27, so much less

Collapse
 
dinkopehar profile image
Dinko Pehar

ErrorLens is quite nice. Now I have inline representation of what's out of order ๐Ÿ˜„

Collapse
 
basvandooremalen profile image
Bas

Awesome extensions, thanks!

Collapse
 
getcodescandy profile image
codescandy

Awesome thank you for sharing this extension.

Collapse
 
adarshgoyal profile image
Adarsh Goyal

Tabnine is also a good! tabnine.com/

Collapse
 
ambriel profile image
Ambriel Goshi

Thanks for sharing

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

๐Ÿ™Œ

Collapse
 
abdrzqsalihu profile image
Abdulrazaq Salihu

Thanks for sharing

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

๐Ÿ™Œ

Collapse
 
masekere profile image
Gift Masekere

thanks a lot these extensions are really life saving

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

๐Ÿ™Œ

Collapse
 
harithzainudin profile image
Muhammad Harith Zainudin

Nice list! Thanks for sharing ๐Ÿ˜„๐Ÿ˜„

Collapse
 
aaravrrrrrr profile image
Aarav Reddy

Quite a helpful post. Glad I landed here.

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

Glad you like it

Collapse
 
janaina2020 profile image
Janaina Behling

Thanks Murtu! I'll try to learn it and see some applications in my Santa Officeless projetc.

Collapse
 
skitzdev profile image
Justin PraรŸl

1 and 2... Makes it all so easy ๐Ÿ˜‚ Thanks!

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

๐Ÿš€

Collapse
 
itamer profile image
Sarah

I almost didn't bother clicking on this but you actually have some interesting extensions for solo developers.

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

Glad you found this helpful

Collapse
 
urbanisierung profile image
Adam

Thanks for that! Didn't know about Version Lens, installed and already in use :)

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

That's great

Collapse
 
colonelxy profile image
Harold Oliver ๐Ÿ›ก๏ธ

Thanks! made my life easier!

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

awesome!

Collapse
 
snelson1 profile image
Sophia Nelson

Thanks for this.

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

๐Ÿ™Œ

Collapse
 
freakdaddycode profile image
Richard Hart

Nice, loving the CSS peek

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

me too

Collapse
 
itsmnthn profile image
Manthankumar Satani

Very helpful

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

Thanks!

Collapse
 
jwp profile image
John Peters

Love โค๏ธ gitlens...

Collapse
 
dendihandian profile image
Dendi Handian

From the list, only use git lens. Now interested in import cost and version lens

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

Import cost is useful especially for large projects having too many dependencies and you need to track the size of dependency

Collapse
 
shrihari profile image
Shrihari Mohan

Thanks , I need to install 4 of them. I had only git lens.

My most used extension is Turbo console log.

Collapse
 
mooktar profile image
mooktar

Thanks for sharing
I've used GitLens for a while, it's awesome

Collapse
 
glowreeyah profile image
Gloria Asuquo

I'm really going to try these.
Thanks for sharing

Collapse
 
sehgalspandan profile image
Spandan Sehgal

Nice extensions, I only knew 2 of them thanks for telling others I have also now installed them.
Good Work !
Keep it up !
:)

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

Great!

Collapse
 
tilakjain123 profile image
Tilak Jain

Very helpful, will try them!

Collapse
 
ana_839b2d6e profile image
Coding Pianist

Thanks.

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

๐Ÿ™Œ

Collapse
 
johannd2 profile image
JohannD2

Hi! On the CSS Peek extension I do "CTL hover click" to jump from HTML to CSS selector, but how do you jump back to HTML? It seems that it is only one way.

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti • Edited

It's one way only, unfortunately

Collapse
 
klp1130 profile image
Keenan Lee-Peters • Edited

This is very helpful. Thank you!

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

Glad you found it helpful

Collapse
 
dmtreaqq profile image
Dmytro Pavlov

Thanks for the article! But I have a question, do we really need that import cost extension?

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

Yeah, because when you are dealing with so many dependencies and packages, you need to keep track of the size of the package because it might affect the performance.

Collapse
 
maaeda profile image
Maaeda Mohsin

Thanks for sharing.

Collapse
 
nceedee profile image
N Cee Dee

thanks for the info

Collapse
 
rendick profile image
rendick

Good list

Collapse
 
devfranpr profile image
DevFranPR

Wow actually a post with extensions that I don't know and isn't a copy / past from another post. Good one.

Collapse
 
khulani1000 profile image
Khulani Mkhize

Thanks Murtuuzaali ๐Ÿ˜Š 1 and 2 stands out for me ๐Ÿ™Œ

Collapse
 
murtuzaalisurti profile image
Murtuzaali Surti

That's why I kept them at 1 and 2 because they are really awesome.

Collapse
 
randwulf_magnus profile image
Randell Knight

I had GitLens, but not the rest. I will try the others. Thanks for the great information. ๐Ÿ˜Ž

Collapse
 
simpleneeraj profile image
Simple Neeraj