DEV Community

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

Read full post

Jatin Sharma • May 27 '22 • Edited

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

Murtuzaali Surti • May 27 '22

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

Jatin Sharma • May 27 '22

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.

Murtuzaali Surti • May 27 '22

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

Jatin Sharma • May 27 '22

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

Murtuzaali Surti • May 27 '22

Oh, I probably need to check that on my machine

Wojtek Kalka • May 29 '22

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

Muhammad Harith Zainudin • May 30 '22

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

Murtuzaali Surti • May 31 '22

use what's best for your use case

Muhammad Harith Zainudin • May 31 '22

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.

Murtuzaali Surti • May 31 '22

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.

Muhammad Harith Zainudin • May 31 '22

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

Murtuzaali Surti • May 31 '22

Great

Sercan Sebetçi • May 31 '22

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!

Micah Fang • May 31 '22

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?

Stiven Castillo • Jun 1 '22

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

Murtuzaali Surti • May 31 '22

Yeah it takes some time to calculate

Andrew Baisden • May 27 '22

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

Murtuzaali Surti • May 27 '22

That's great!

Towfiq I. • May 28 '22

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.

Murtuzaali Surti • May 28 '22

Thanks! CSS Peek is certainly useful!

Abdulrazaq Salihu • May 31 '22

Thanks for sharing

Murtuzaali Surti • Jun 1 '22

🙌

Justin Praßl • May 29 '22

1 and 2... Makes it all so easy 😂 Thanks!

Murtuzaali Surti • May 29 '22

🚀

Mohammad Javed • Jun 9 '22

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

5alidshammout • Jun 3 '22

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

Dinko Pehar • Jun 2 '22

ErrorLens is quite nice. Now I have inline representation of what's out of order 😄

Bas • Jun 2 '22

Awesome extensions, thanks!

codescandy • Jun 2 '22

Awesome thank you for sharing this extension.

Adarsh Goyal • Jun 1 '22

Tabnine is also a good! tabnine.com/

Adem Kouki • May 31 '22

Try this:
marketplace.visualstudio.com/items...

Ambriel Goshi • Jun 1 '22

Thanks for sharing

Murtuzaali Surti • Jun 1 '22

🙌

Gift Masekere • May 31 '22

thanks a lot these extensions are really life saving

Murtuzaali Surti • May 31 '22

🙌

Muhammad Harith Zainudin • May 30 '22

Nice list! Thanks for sharing 😄😄

Aarav Reddy • May 30 '22

Quite a helpful post. Glad I landed here.

Murtuzaali Surti • May 30 '22

Glad you like it

Janaina Behling • May 29 '22

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

Sarah • May 29 '22

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

Murtuzaali Surti • May 29 '22

Glad you found this helpful

Adam • May 29 '22

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

Murtuzaali Surti • May 29 '22

That's great

Harold Oliver 🛡️ • May 29 '22

Thanks! made my life easier!

Murtuzaali Surti • May 29 '22

awesome!

Sophia Nelson • May 28 '22

Thanks for this.

Murtuzaali Surti • May 28 '22

🙌

Richard Hart • May 28 '22

Nice, loving the CSS peek

Murtuzaali Surti • May 28 '22

me too

Manthankumar Satani • May 28 '22

Very helpful

Murtuzaali Surti • May 28 '22

Thanks!

John Peters • May 27 '22

Love ❤️ gitlens...

Dendi Handian • May 27 '22

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

Murtuzaali Surti • May 27 '22

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

Jackson Kasi • May 27 '22

thanks man :)

Murtuzaali Surti • May 27 '22

🙌

Shrihari Mohan • May 27 '22

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

My most used extension is Turbo console log.

mooktar • May 27 '22

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

Gloria Asuquo • May 27 '22

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

Spandan Sehgal • May 27 '22

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

Murtuzaali Surti • May 27 '22

Great!

Tilak Jain • May 27 '22

Very helpful, will try them!

Coding Pianist • May 31 '22

Thanks.

Murtuzaali Surti • May 31 '22

🙌

JohannD2 • May 31 '22

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.

Murtuzaali Surti • May 31 '22 • Edited

It's one way only, unfortunately

Keenan Lee-Peters • May 28 '22 • Edited

This is very helpful. Thank you!

Murtuzaali Surti • May 28 '22

Glad you found it helpful

Dmytro Pavlov • May 30 '22

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

Murtuzaali Surti • May 31 '22

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.