DEV Community

Cover image for šŸ”„10 Useful Extensions For VS Code

šŸ”„10 Useful Extensions For VS Code

Anthony Max on December 06, 2024

Hello everyone Today, I have prepared 10 extensions for VS Code that will help you develop cool software products, and generally speed up the devel...
Collapse
 
karamfd profile image
Karam

VSCode has built-in auto tag completion that you can enable in your settings.

{
"editor.linkedEditing": true,
"javascript.preferences.renameMatchingJsxTags" : true,
"typescript.preferences.renameMatchingJsxTags" : true
}

The 2 settings at the bottom are for people using JSX

Collapse
 
anthonymax profile image
Anthony Max • Edited

Yes, this, as I understand, appeared relatively recently. In the old-fashioned way, people simply install the auto rename tag extension, I also could not help but include it in the list.

Collapse
 
anthonymax profile image
Anthony Max

But most likely yes, this may not be entirely relevant today.

Collapse
 
wizard798 profile image
Wizard • Edited

Why still people uses Auto Rename Tags / Auto imports, vscode already provides this, just search import and rename in settings then manually search foe those settings

I know extentions are easy fix for this but don't forget they come with cost of some memory, while Auto rename, auto closing tag extention don't work always in bg, but extentions like, auto import tag always works in behind and may cause some memory issues take more loading time.

Collapse
 
anthonymax profile image
Anthony Max • Edited

"I'm too lazy to search and figure out the settings when I can install an extension that I've been installing for 6+ years by default and everything works" - maybe? It's more of a habit.

Collapse
 
lebinhan profile image
LĆŖ BƬnh An

If it works, don't change it. That's all. I have been using VSCode since 2018, syncing all of my settings and extensions, and it runs fine. Why should I find another way to do the same thing?

Collapse
 
wizard798 profile image
Wizard • Edited

Yeah, you're right, I totally get it, I was also one of you who just wanted this fix without much researching and most of them worked all fine like this Auto rename tag, auto close tag etc, but then there was a extention, you may also heard called "Import Cost", which calculates sizes of all imports and dude that was one hell of a extention, it was directly increasing my CPU and Memory min of 20% even if just opening Vs code, and lagging my Coding experience, and after few time passed then I got that he was real culprit, after that I removed all those extention which had higher Memory usage ( Like auto imports, sort imports, inlay hints for func args and some more use cases ) and found nearly 100x more optimized settings in VSC settings, and after spending so much time on all VSC settings, finally I found all settings that boosts my productivity.

Thread Thread
 
lebinhan profile image
LĆŖ BƬnh An

I took your advice and spent a little bit of time cleaning my VSCode. It not necessarily replacing all of them with built-in features, but I did find a lot of stuff that I don't need anymore yet they consume a lot of resources, so I removed them. So yeah, you are right mate, take care of your vscode and it will boost your productivity.

Thread Thread
 
wizard798 profile image
Wizard • Edited

Glad it helped amd it helped you to find more productivity increasing settings directly in vsc which are not by default

Collapse
 
arpandoessomecoding profile image
Arpan Saha

I need more of these..šŸ”„

Collapse
 
anthonymax profile image
Anthony Max • Edited

Thanks! There's a lot more that I've used all the time. It will also be necessary later, maybe to take out separate topics, or just increase it to 30.

Collapse
 
arpandoessomecoding profile image
Arpan Saha

I'm waiting šŸ˜„

Collapse
 
yiwei_yu_d1035b4c73ef274f profile image
Yiwei Yu

me too

Thread Thread
 
yiwei_yu_d1035b4c73ef274f profile image
Yiwei Yu

also

Thread Thread
 
yiwei_yu_d1035b4c73ef274f profile image
Yiwei Yu

also

Thread Thread
 
yiwei_yu_d1035b4c73ef274f profile image
Yiwei Yu

also

Collapse
 
2pr-io profile image
2PR

Cool!

Collapse
 
anthonymax profile image
Anthony Max • Edited

I will need to make an extended list, there are many more interesting things.

Collapse
 
dev_kiran profile image
Kiran Naragund
Collapse
 
anthonymax profile image
Anthony Max

Here the list has more extensions - this is a plus

Collapse
 
tomasdevs profile image
Tomas Stveracek

Nice list! šŸ˜Š If you want to work faster, check out my article about DevTools and VS Code shortcuts: Boost Your Productivity with These Essential Developer Shortcuts.

Collapse
 
renatosugimoto profile image
Renato

Good selection. Some may already have equivalent features on vs code, but others are still useful, I have most of those installed.

Collapse
 
coder_dragon profile image
Shivam

Github Pull Request: To review git pr in vs code.

Collapse
 
georgia_prisoners_speak profile image
Georgia Prisonersā€™ Speak

Nice!

Collapse
 
sanjit_dash_1076924f621bc profile image
SANJIT DASH

Truly Insightful!