VS Code Extensions for Web Developers

Web developers spend most of their time on editors writing code. The most popular choice among editors is Visual Studio Code. It has a lot of powerful extensions which can help us speed up our work and productivity.

In this blog, we are going to take a look at some of the amazing VS Code Extensions. Now open your extensions from the left sidebar or enter cmd-shift-x on macOS or ctrl-shift-x on Windows and Linux.

Let's go!

Live Server

While doing web development on our local setup the most irritating thing to do is to manually reload the page each time after making any change. To get rid of this problem VSCode has a wonderful extension called Live Server which will launch a local development server with hot reload feature for both static as well as dynamic pages.

Download it here

Prettier

Prettier formats your code for you which is easy to read and understand. So, now no need to worry about manually formatting our code. This will definitely save your time.

Download it here

ES7 React/Redux/GraphQL/React-Native snippets

Snippets helps us write repetitive code quickly by just entering few characters. VSCode comes with several built-in snippets in it. But, those are not enough, therefore we can use other popular snippet extension made by other developers.

Use this snippet extension for Javascript development.

Download it here .

Remote-SSH

If you work on any remote machine with SSH server environment then you can use it inside VSCode using this powerful SSH extension.

Download it here

Bracket Pair Colorizer

It color matches every pair of opening and closing brackets and makes it super easy to find missing pair of brackets.

Download it here

This is it for now....

These are some of the extensions that I found useful which can help improve productivity. I will keep on adding more extension in the future. Thanks for reading this blog.