Best Visual Studio Code Extensions for Web Development

Best Visual Studio Code Extensions for Web Development
 
   VS Code Extension makes development easy and reduces the development time, helps to improve the code standard.

   Step to install vs code extension :

  

        Open VS Code Quick Open (Ctrl+P) -> Paste the ${vs-code-cmd} and press enter.

Let's see amazing  extensions :

1) Code Spell Checker

Best Visual Studio Code Extensions for Web Development - Code Spell Checker

    Code Spell Checker help find a spelling mistake in code and suggest the correct spelling. Spell checker that works great with camelCase code.

    Demo :

 
Best Visual Studio Code Extensions for Web Development - Code Spell Checker Demo

Best Visual Studio Code Extensions for Web Development - Code Spell Checker Demo 1

 

    Installation & Docs :

 

        Installation cmd : ext install streetsidesoftware.code-spell-checker

        Extension Link: https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

        GitHub Repo : https://github.com/streetsidesoftware/vscode-spell-checker

2) Change Case

Best Visual Studio Code Extensions for Web Development - Change Case

    Change case allows transforming the text or words to upper-case, lower-case,camel-case, etc..,

    Change case allows support multi-line case conversion.

    Demo :

 
Best Visual Studio Code Extensions for Web Development - Change Case  Demo

Best Visual Studio Code Extensions for Web Development - Change Case  Demo

    Installation & Docs :

 

        Installation cmd : ext install wmaurer.change-case

        Extension Link: https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case

        GitHub Repo : https://github.com/wmaurer/vscode-change-case

3) Paste Json as Code

Best Visual Studio Code Extensions for Web Development -  Paste Json as Code

    Paste JSON as Code help to generate your interface by using JSON schema.   

    Paste JSON as code support most of the programs like JavaScript, Python, Go, C#, Java, Kotlin, Swift, Rust, C++, TypeScript, Flow, Objective-C, Elm, Ruby, and JSON Schema.

 

    Demo :

     
Best Visual Studio Code Extensions for Web Development -  Paste Json as Code - Demo

Best Visual Studio Code Extensions for Web Development -  Paste Json as Code - Demo

    Installation & Docs :

 

        Installation cmd : ext install quicktype.quicktype

        Extension Link: https://marketplace.visualstudio.com/items?itemName=quicktype.quicktype

        GitHub Repo : https://github.com/quicktype/quicktype

        Website : https://quicktype.io/

4) Prettier - Code formatter 

Best Visual Studio Code Extensions for Web Development

    Prettier is an opinionated code formatter and  It helps to make a standard style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

    Installation & Docs :

 

        Installation cmd : ext install esbenp.prettier-vscode

        Extension Link: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

        GitHub Repo : https://github.com/prettier/prettier-vscode

5) GitLens - Git superchanged

 
Best Visual Studio Code Extensions for Web Development - GitLens - Git superchanged

    GitLens really helps you better understand code.


    GitLens helps to trace your code, you can get a history of your source code.

     

    List of options to manage you git views:

 

    Commits View - Manage your Git commits.

 

    Repositories view - Mange you Git Repositories.

 

    File History view - History of the current file also selected lines of the current file.

 

    Line History view - Manage the History of the selected lines of the current file.

 

    Branches view - Manage your Git branches.

 

    Tags view - Manage your Git Tags.

 

    Remotes view - Manage your Git remotes and remote branches.

 

    Stashes view - Manage your Git Stashes.

 

    Demo :

 
Best Visual Studio Code Extensions for Web Development - GitLens - Git superchanged Demo

    Installation & Docs :

 

        Installation cmd : ext install eamodio.gitlens

        Extension Link: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

        GitHub Repo : https://github.com/eamodio/vscode-gitlens

 

Thanks for reading - Share & Comment

Any suggestion or queries please comment, our team will response asps.

 

 

You may like this :

                         

         Best Visual Studio Code Extensions - Part 2

 

         Best Visual Studio Code Extensions - Part 3

 

         Best Visual Studio Code Extensions - Part 4

 

         Best IDE / Editor Web Development

 

         Best 5 Angular UI component library

         Why JavaScript most popular ?

         Most Popular JavaScript Frameworks & Libraries for Web Development



 
 
 
 
 
 
 
 
 
 
 
 
 

 

1 Comments

Previous Post Next Post