10 VS Code Extensions for Improving Productivity

Rutik Patel
3 min readJul 8, 2023

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 )

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

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

3. Regex Previewer

It visualizes the regular expression code into normal preview.

Download Link : Regex Previewer

Regex Previewer

Demo :

Provided by Regex Previewer

4. Live Server

It provides live reload functionality in the local server

Download Link : Live Server

Live Server

5. Better Comments

Provides a way to write better easily understandable comments.

Download Link : Better Comments

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

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

Demo :

Provided by 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

9. indent-rainbow

Showing indentation in a colored way.

Download Link : indent-rainbow

indent-rainbow

Demo :

Provided by indent-rainbow

10. peacock

Provide colorful interface to vs code workspace.

Download Link : peacock

peacock

Demo :

Provided By peacock

--

--