7 Must Have VSCode Extensions for Web Developers
Visual Studio is arguably the best and most popular code editing up to date. But what makes the VSCode even more powerful is the abundant of extension in the marketplace. So in this post, I’m going to show you 7 must have VScode extension for web developers that will make your life a whole lot easier and more productive!
Bracket Pair Colorizer
This extension will colorize all the brackets on your code Make it much easier to read with an additional scope line to prevent confusion in a very complicated code. You can also customize a your own color set to be used to match your theme.
Auto Rename Tag
This extension features a very simple yet awesome. when you rename any HTML or XML tag, it will automatically rename the it’s pair tag. Just install the extension and you’re good to go.
Code Spell Checker
Readability is one of the best practice for coding so leaving comment and good variable naming is recommended. Code spell checker is an extension to help you with this by detecting common spelling errors on your code. It validates all words against dictionary and give a note for those are not found. This extension works well with camel case naming too.
I personally in love with this one. If you’re working on a web project that have multiple root folder or just want a quick launch for a test server, Having Live server is a must. With one click it will automatically launch a server instance for your page and a browser. The coolest feature is it will do live browser reload every time you make the change to the code.
IntelliSense for CSS Class Names in HTML
The name is pretty straightforward. This extension will provide suggestion for all HTML classes defined in your workspace including the external CSS files referenced with link tag. With this, now you don’t have to switch between HTML and CSS to lookup the class name when you can’t remember it anymore!
See a quick demo for all of them in this video!
So that’s all for this post. Let me know in the comment which extension that you like the most or if there are any others you want to share. Also don’t forget to subscribe our Youtube Channel or follow us on Facebook to stay tune for more. Bye 🙂
Great suggestions, thank you!