DEV Community

Rutvik Patel
Rutvik Patel

Posted on • Originally published at rutikkpatel.Medium

10 VS Code Extensions for Improving Productivity

10 VS Code Extensions for Improving Productivity

VS code extensions help everyone write code faster and increase productivity. So today I am going to share some extensions that will help makes your coding easy.

[**Created By Author ( Rutik Patel )](https://rutikkpatel.medium.com/)**

 

Extensions

Extensions made our task easy by providing some snippets, showing live changes, collaborating with others, and much more.

 

List of extensions

  1. Tabnine

  2. GitLens

  3. Regex Previewer

  4. Live Server

  5. Better comments

  6. Polacode

  7. Colorize

  8. Auto Rename Tag

  9. Indent Rainbow

  10. Peacock

 

Let's start….

1. Tabnine

It helps to Autocomplete for Javascript, Python, Typescript, PHP, Go, Java, Ruby & more.

Download Link : Tabnine

[Tabnine](https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode)

 

Demo :

 

2. GitLens — Git supercharged

Using this, we can quickly see who wrote a piece of code, easily navigate and explore Git repositories, obtain insightful knowledge through rich visualizations and robust comparison tools, and much more.

Download Link : GitLens — Git supercharged

[GitLens — Git supercharged](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)

 

3. Regex Previewer

It visualizes the regular expression code into normal preview.

Download Link : Regex Previewer

[Regex Previewer](https://marketplace.visualstudio.com/items?itemName=chrmarti.regex)

 

Demo :

Provided by [Regex Previewer](https://marketplace.visualstudio.com/items?itemName=chrmarti.regex)


My VS Code Setup : https://rutikkpatel.medium.com/my-vs-code-setup-a319478117a7


 

4. Live Server

It provides live reload functionality in the local server

Download Link : Live Server

[Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)

 

5. Better Comments

Provides a way to write better easily understandable comments.

Download Link : Better Comments

[Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)

 

6. Polacode

One of the handy tools that are used in daily life to capture your code in an amazing way

Download Link : Polacode

[Polacode](https://marketplace.visualstudio.com/items?itemName=pnp.polacode)

 

Demo :

Captured Code using Polacode

 

7. colorize

With the help of this extension, it is easy to visualize CSS colors in your styling files.

This extension adds a background color for each of the written colors.

Download Link : colorize

[colorize](https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize)

 

Demo :

Provided by [colorize](https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize)

 

8. Auto Rename Tag

It renames the paired HTML/XML tag automatically. It is provided by Jun Han.

Download Link : Auto Rename Tag

[Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)

 

9. indent-rainbow

Showing indentation in a colored way.

Download Link : indent-rainbow

[indent-rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)

 

Demo :

Provided by [indent-rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)

 

10. peacock

Provide colorful interface to vs code workspace.

Download Link : peacock

[peacock](https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock)

 

Demo :

Provided By [peacock](https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock)

Top comments (0)