DEV Community

Cover image for 6 VScode Extensions to boost your Code
Mandeep Singh Panwar
Mandeep Singh Panwar

Posted on

6 VScode Extensions to boost your Code

#javascript #vscode

6 VScode Extensions to boost your Code

Lets get to it then 🚀

  1. Alt Text
    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. Alt Text
    Auto Rename Tag

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

  3. Alt Text
    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. Alt Text
    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. Alt Text
    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. Alt Text
    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 🔗

Top comments (2)

Collapse
 
madza profile image
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 :)

Collapse
 
mannypanwar profile image
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💙