Open In App
Related Articles

10 Best Visual Studio Code Extensions to Make Developer’s Life Easier

Like Article
Save Article
Report issue

Software development or web development is a field where every developer is searching for some tools or technology that can be helpful in boosting their productivity. Different programmers have different choices and they use different approaches. For developers sometimes it becomes quite frustrating to write the same code at multiple places, refreshing the page or doing formatting in code so many times. 


Well, Installing the plugins or some extensions in your code editor is one of the great ways to solve these kinds of problems. If you’re someone who uses Visual Studio Code then in this blog we will help you with some extension which you can install and use it to boost your productivity.

So let’s have a look at some wonderful extensions which can make your life easy and speed up your work.

1. Live Server

Are u tired of doing so many changes in your code editor, switching to the browser, and refreshing the browser to see the changes? If yes then this extension has a solution for you.

Live server is one of the most important extensions for all the developers out there which makes your project live on the browser and run/update the features on the web browser automatically.

So now you can just install this and make your work easier.

While building an app a few things you can only test when running your app from a server and this extension allows you to run your app on a localhost server. 

2. Debugger For Chrome 

Believe it or not, debugging is twice as hard as writing the code in the first place. 

For e.g. — Debugging is not just about writing the console.log() statements in JavaScript. You really need to dig yourself much into it and this extension helps in this case. Chrome comes to the rescue by providing built-in features that make debugging a much easier experience. This extension provides all the features that you need to debug your code right inside the VS Code!

3. JS(ES6) Code Snippets

Who does not love snippet extensions?

As a good developer, writing the same code, again and again at multiple places is frustrating. Well, this extension has a solution for this problem and it gives you ready to use snippets of popular modern (ES6) JavaScript code which you can use in your application to save your time.

If you’re not using ES6 JavaScript features, giving them a try, is a must.

4. Bracket Pair Colorizer

A lot of messy brackets at multiple places in the code are the worst part of a developer’s life. 

With tons of nested code, it becomes confusing for developers to determine which brackets match up with each other. This wonderful extension, colors matching brackets provide the feature to identify the brackets in your code with colors. It makes your code much more readable. 

This extension will surely enhance the beauty of your code and what is better than that for a true developer. 

5. ESLint

Do you keep looking for ways to write better code or do you want consistency in formatting across your team?

Here’s the solution for you. Install this powerful extension which will auto-format codes for consistent formatting across your team. It can also be configured to auto-format your code, and whenever you make an error it will show you a bunch of warnings.

6. Prettier

Time is precious, so why waste it. 

If you are a developer and spend a lot of time formatting your code, then stop doing it. 

VS Code has the perfect solution for this issue, which is faced by so many developers. As the name suggests, this fabulous extension helps you, make your code look prettier. 

Having your code properly indented and separated for better code reading should be a priority. This extension is super easy to set up, it will automatically format on its own, the moment you hit save.

7. Browser Preview

Apart from the Live Server extension (mentioned above), this extension goes another step further in terms of the convenience it provides. 

It comes with the feature of live-reloading preview right inside VS Code. For any kind of small changes, you don’t need to tab over to your browser.

This extension is a must for Front End Developers as it shows the browser preview of the code and makes life really simple.

8. Github Extension

We already know the importance of Github in the lives of Developers.

Today, web development has become a lot dependent on GitHub. It is a great tool that makes your life easier as a developer. GitHub is an essential platform for every web developer at every level.

If your team uses Github, or you are using Github for your project repositories or want to use other developer’s source code repositories, then this is an extremely useful extension for you.

9. Auto-Rename Tag

We all know how boring it is, renaming the HTML element in the code.

Well, with Auto Rename Tag, all you need to do in your code is to rename either the opening or closing tag, and the other one will be automatically renamed. 

This is an extremely simple extension, but yet an effective one!

10. Polacode

We all have seen the fancy code screenshots in articles and tweets. They look absolutely amazing and there is a high chance, that it is a wonder of another extension from VS Code.

Well, most likely they came from Polacode. This extension is easy to use. All you have to do is to copy a piece of code to your clipboard, open up the extension, paste the code, and click to save your image!

Viola, you just got yours too!!!

Apart from these, VS Code offers a huge set of astonishing extensions to help the developers. Make sure to give these a try. 

These will definitely help you in saving time but also in enjoying your job as a developer, a little more.

Last Updated : 29 Aug, 2020
Like Article
Save Article
Share your thoughts in the comments
Similar Reads