๐Ÿ”ต VSCode Helpful Extensions ๐Ÿ”ต

VSCode is a great code editor and has an amazing community making great extensions for it.

Here are 5 of my favourites and how they can help you be a better developer. ๐Ÿ“ˆ ๐Ÿงต 1/8

#100DaysOfCode #developers #DEVCommunity

1๏ธโƒฃ Auto Close Tag

โ“ Find typing HTML a pain and hate having to always add the closing tags?

This extension will auto add in the closing HTML tag to match your entry. 2/8

๐Ÿ”—

Links:

2๏ธโƒฃ Auto Rename Tag

โ“ Hate having to rename both the opening and closing tags of HTML or XML code?

This extension will automatically amend the closing tag when you change the opening one. 3/8

๐Ÿ”—

Links:

3๏ธโƒฃ Bracket Pair Colorizer 2

โ“ Hate finding the matching bracket in a long list of brackets?

This extension will add different colours to each bracket pair so you can easily see the matching ones. 4/8

๐Ÿ”—

Links:

4๏ธโƒฃ Color Highlight

โ“ Ever wondered what colour a particular HEX code is in your code? Hate having to Google the HEX to see the colour?

This extension will show the colour to you directly in VSCode and update as you change the HEX value. 5/8

๐Ÿ”—

Links:

5๏ธโƒฃ Import Cost

โ“ Ever wondered the size of the packages you're importing? Wanted to optimise for speed but not sure which packages are taking the most space?

This extension adds the "cost" of each import in line with the import in VSCode. 6/8

๐Ÿ”—

Links:

โž• Eslint & Prettier

โ“ Wanted to write cleaner code? โ“ Wanted to make sure you always meet certain rules & practises?

These 2 extensions will auto-format your code & update your code to match rules. 7/8

๐Ÿ”— ๐Ÿ”—

Links:

๐Ÿ‘‰ What's your favourite VSCode Extension? ๐Ÿ‘‰ What extension has had the biggest impact on your workflow as a developer?

๐Ÿ’ฌ If you have any other recommendations, make sure to drop them below. 8/8