6 VScode Extensions to boost your Code

6 VScode Extensions to boost your Code

Lets get to it then 🚀

1. 

   Live Server

   • Live server is useful to create local server of your file.
   • It also gets updated automatically on save
   • No more reloading the pages 🤣
   • Link 🔗

2. 

   Auto Rename Tag

   • This extension automatically renames the tag on change
   • good for working with html
   • Link 🔗

3. 

   Prettier

   • Prettier is used to beautify the code, It supports variety of languages
   • To format on save go to VScode settings then search and enable Format on Save
   • Link 🔗

4. 

   EsLint

   • EsLint is a JavaScript linter, It identifies problems in your JavaScipt code leading to less bugs
   • To use EsLint one must have installed EsLint globally or locally, tho global install is recommended
   • for global install run npm install -g eslint in your terminal
   • Link 🔗

5. 

   TabNine

   • TabNine is an AI Code Completions for All Languages and IDEs
   • It indexes all your files and predicts what you may write
   • Though still in infancy, it is worth a try
   • Link 🔗

6. 

   Bracket Pair Colorizer 2

   • This extension allows matching brackets to be identified with colours.
   • It saves time looking for the closing tag 🕶
   • Saves from syntax typos
   • Link 🔗

Comments

[Madza]

Auto rename tag has still lots to improve, pretty buggy at complex code structures.. Same for Tabnine, as you already mentioned.. Other than that, solid list :)

[Mandeep Singh Panwar]

I agree with you,
1️⃣ Auto Rename tag fail to work these days, Really hoping they fix it.
2️⃣ and Tabnine too needs lot to improve.

thank you for your feedback💙