12 Killer VS Code Extensions

Take a look at 12 KILLER Visual Studio Code (VS Code) Extensions for your web developer IDE / text editor setup. Super power your Front end developer workflow with these 12 essentials extensions.

0:00 - Intro
0:23 - Import Cost
1:19 - Highlight Matching Tag
2:01 - Bracket Pair Colorizer 2
2:42 - Auto Rename Tag
3:27 - Git History
4:17 - Debugger for Chrome
4:39 - VS Code Icons
5:04 - Git Lens
5:53 - Partial Diff
6:45 - Emoji Snippets
7:25 - Live Server
7:58 - Reload
8:24 - Outro

💬 Join us on our discord here:

Visit our website:

FOLLOW ✅

SUPPORT THE CHANNEL ❤️

#vscode #frontend #webdev #developer #javascript #typescript #extensions #webdevelopment

[UkraineAbveAll]

here is a list:
1) import cost
2) highlight matching tag
3) bracket pair coloraizer 2
4) auto rename tag
5) git history
6) debugger for chrome
7) vs code icons
8) git lens
9) partial diff
10) emoji snippets
11) live server
12) reload

[dgbeats]

Thanks for this vid, I love this a lot more in comparison to other vids cuz you actually showed us how it worked instead of just telling us what it did!

[Venezuelangel]

Thank you. Some of these are over my depth, some of these I installed before the video was over, some others I couldn't find, like partial diff. Great stuff.

[Spectraevil]

Just FYI these killer extension are cool but if u hv really big codebase opened in VSCOde, these killer extension literally kill vscode and ram consumption is off the charts, Microsoft is working on a fix for a while now.
Short and Medium size projects - VS Code
Bigger Projects- Atom or Sublime
If u want inbuilt epic features : Get JETBrains IDE as per the langue u r working on - IntelliJ Idea Ultimate or Webstorm or PyCharm or RubyMine etc GoLand etc etc etc

[jamesogletree]

I found your video very helpful. Thank you. I was curious about what VSCode color theme you used in the video? I would like to try out that particular color theme. I am new to VSCode and currently learning Flutter App Development.

[OleMartinGrnnestadMOO]

Great list! I'd also recommend the Beautify extension. Extremely useful if you wanna format dirty code fast.

[dilkashshaikhmahajan]

Can anybody tell me what is the configuration of import cost extension

[raulnomad]

I have a problem that my code completion sucks. It crashes all the time. I need to restart TS Intelli many times per hour for it to work. And even then it mostly gives me garbage and never the obvious things first. This is already like this on my second machine so I probably just dont know how to set it up correctly. How is yours?

[KuftuKa]

when you indent within your code, the line begins with dots of some kind. is that from an extension?

[aashiq_hasnat]

I think now vs code give you developer reload out of the box by pressing Ctrl + R

[saisagarsharma]

Dude u could have told 'Reload' as the first one. it could have helped me from reopening many times. :p

[marble_wraith]

Quick tip: As of win10 2004 update, you can use:

win key + ; (then type rocket)

to get the same functionality as the emoji snippets plugin. It's also universally available on all text inputs 😁

[rohitkf]

Your videos are cool. But need to focus more on the quality of audio. Because that's what grabs the attention of the viewer.

70% audio + 20% video quality + 10% engaging topic