Best Visual Studio Code Extensions for Web Development - Part 4

    Let's see some best VS code extensions for web development to Improve your Productivity.

    Step to install vs code extension : 

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

 

1)Path Intellisense 

 

    Path Intellisense helps to auto-complete the file name while importing files. 

To use Path Intellisense should disable default autocompletion by using the below command.

    { "typescript.suggest.paths": false } - Add this line in setting.json 

Demo :

     

    Installation & Docs:

 

        Installation cmd : ext install christian-kohler.path-intellisense

        Extension Link: https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

        GitHub Repo : https://github.com/ChristianKohler/PathIntellisense

 

2)REST Client

 

    - REST Client helps to test the API and Mirco services request in VS Code itself.

    - REST Client allows to execute the GET, POST, PUT, DELETE, and more.

    - REST Client you can send an HTTP request in an editor and get a response in a separate pane with syntax highlight. You can run the cURL command to run the HTTP request.

    - REST Client support following authentication as Basic Auth, Digest Auth, SSL Client Certificates, Azure Active Directory, Microsoft Identity Platform, AWS Signature v4, etc.

    Demo :

    

    Installation & Docs:

 

        Installation cmd : ext install humao.rest-client

        Extension Link: https://marketplace.visualstudio.com/items?itemName=humao.rest-client

        GitHub Repo : https://github.com/Huachao/vscode-restclient

 

3)Excel Viewer

 

    - The Excel Viewer helps to view your CSV, Excel spreadsheet VS code itself.

    - In the Excel Viewer, you can't edit the excel or CSV files. You can view the files.

    - This extension allows sorting, filtering the excel file in the preview.

 

    Demo :

 

  

    Installation & Docs:

 

        Installation cmd : ext install GrapeCity.gc-excelviewer

        Extension Link: https://marketplace.visualstudio.com/items?itemName=GrapeCity.gc-excelviewer

        GitHub Repo : https://github.com/jjuback/gc-excelviewer

4)Highlight

 

    - The Highlight is an advanced text highlighter that works based on regexes.

    - The Highlight extension highlights the todos, annotations, colors, and more. 

    

    Demo :

    

 

 

    Installation & Docs:

 

        Installation cmd : ext install fabiospampinato.vscode-highlight

        Extension Link: https://marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-highlight

        GitHub Repo : https://github.com/fabiospampinato/vscode-highlight

 

5)Better Comments

 

    - The Better Comments extension helps to create more user-friendly comments in your code.

    - In this extension, you can categorize your annotations as alert, TODOs, Highlights, Queries, and more.

    - This Better Comment extension is configurable by using User Settings or Workspace Settings.

    

    Demo :

    

 

     Installation & Docs:

 

        Installation cmd : ext install aaron-bond.better-comments

        Extension Link: https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments

        GitHub Repo : https://github.com/aaron-bond/better-comments

 

 

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 1

         Best Visual Studio Code Extensions - Part 2

 

         Best Visual Studio Code Extensions - Part 3

         Best IDE / Editor Web Development

 

         Best 5 Angular UI component library

         Why JavaScript most popular ? 

 

         Most Popular JavaScript Frameworks & Libraries for Web Development