Best Visual Studio Code Extensions for Web Development - Part 3

  

    Let's see some best and useful vs code extensions for web development part 3

    Step to install vs code extension : 

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

 

1) CodeStream: GitHub, GitLab, Bitbucket PRs and Code Review

    

 

    - CodeStrem supports the most popular version control like GitLab, GitHub, Bitbucket.

    - CodeStream helps you manage your pull requests, merge requests, and code reviews in your VS code.

    - CodeStream integrated with Bitbucket, Slack, Microsoft Teams, Jira, Trello, and more.

    - CodeStream eliminates context-switching between tools.

    

    Demo : 

   

    1)  CodeStream demo

     

    2)  PR( Pull request ) demo

    

    3)  Discuss- demo

 

    

    4)  Knowledge share-demo  

     

    Installation & Docs:

        Installation cmd : ext install CodeStream.codestream

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

        GitHub Repo : https://github.com/TeamCodeStream/CodeStream

        Website & Docs: https://www.codestream.com/

 

2) CSS Peek

 

 

    - CSS Peek is helping to find the CSS class, id definition from HTML. It allows for navigating corresponding CSS files.

 

    Demo:

    

    Installation & Docs:

        Installation cmd : ext install pranaygp.vscode-css-peek

        Extension Link: https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek

        GitHub Repo : https://github.com/pranaygp/vscode-css-peek

3) TODO Highlight

 

    - Todo Highlight helps to highlight and remind when the in-completed or non updated TODO task appears on the code.

    - For example, sometimes you added TODO comment in development code, that task has not-completed yet, someone tries to publish the code that time it remains and highlight TODO.

    - You can toggle the highlight option.

    - Todo Highlight allows navigating to corresponding files.

 

    Demo :

        

    Installation & Docs:

        Installation cmd : ext install jgclark.vscode-todo-highlight

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

        GitHub Repo : https://github.com/jgclark/vscode-todo-highlight

4) ESLint

 

    - EsLint helps to identify and fix the problems in your javascript file.

    - We can easily find the problem and fix it automatically by run cmd.

    - We define our own customize rules depend on your projects.

    - ESLint has multiple standard rules like Airbnb, Eslint, etc.

    - Most of the source code editors have integrated ESLint, separately you can run your ESLint pipeline.

    - ESLint uses traditional find-and-replace algorithms to fix errors.

    Installation & Docs:

        Installation cmd : ext install dbaeumer.vscode-eslint

        Extension Link:  https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

        GitHub Repo : https://github.com/Microsoft/vscode-eslint

        Website & Docs: https://eslint.org/

 

5) JavaScript (ES6) code snippets

 

 

    - JavaScript code snippets help suggest the javascript syntax for fast development and also will reduce development time.

    - JavaScript code snippets also support ES6 code snippets.

    - JavaScript code snippets also work with typescript files.

    Installation & Docs:

        Installation cmd : ext install xabikos.JavaScriptSnippets

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

        GitHub Repo : https://github.com/xabikos/vscode-javascript

 

 

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 4

 

         Best IDE / Editor Web Development

 

         Best 5 Angular UI component library

         Why JavaScript most popular ?  

         Most Popular JavaScript Frameworks & Libraries for Web Development