My Favorite Visual Studio Code Extensions
Tags: vscode, visualstudiocode, extensions
Published: 2019-12-09 08:26:42

---
title: My Favorite Visual Studio Code Extensions
published: true
description: 
tags: vscode, Visual Studio Code, Extensions
---

>Visual Studio Code is an **open source** cross-platform code editor developed by Microsoft which runs on Windows, Mac, and Linux.

######Top Features:
1. Cross-platform runs everywhere
2. Free and Open Source
3. Very Lightweight (Believe me it's fast ⚡)
4. Supports many languages (JavaScript, TypeScript, C#, Go ....)
5. Built-in intellisense and code debugging
6. Built-in Git Support ❤
7. Highly customization (thousands of great extensions)

######Where to get?
You can download VS code from **https://code.visualstudio.com/**
The source code is hosted on **[GitHub](https://github.com/Microsoft/vscode)**

VS code has thousands of great extensions built by communities and individual developers. You can explore all extensions at **[Visual Studio Marketplace](https://marketplace.visualstudio.com/vscode)**

#####Below are my favorite extensions:

>**[Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)**

![Settings Sync](https://i.imgur.com/jeuti8s.png)

This extension will come to your rescue if you use multiple computers or just switching from one machine to another. It syncs your settings, extensions, key bindings and snippets across VS code installations by using [gist](https://gist.github.com/).
 **[Settings Sync](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)**
<hr/>

>**[Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)**

![](https://imgur.com/lY1ZMJR.png)
![](https://raw.githubusercontent.com/DonJayamanne/gitHistoryVSCode/master/images/fileHistoryCommand.gif)

If you use git this should be your go to extension. Although VS code has built-in Git support but this extension just take it to the next level.
**[Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)**

**Similar extension:**

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

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

![](https://i.imgur.com/TSYnNlN.png)
![](https://github.com/formulahendry/vscode-auto-rename-tag/raw/master/images/usage.gif)

This is a very simple extension but comes very handy if you write lot of HTML it just auto close your tags and makes your life easy.
**[Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)**
<hr/>

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

![](https://i.imgur.com/olISArk.png)
![](https://github.com/ritwickdey/vscode-live-server/raw/master/./images/Screenshot/vscode-live-server-animated-demo.gif)

It creates a local live server with auto refresh. comes very handy if you are developing/designing static sites or just doing some quick prototype.
**[Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)**
<hr/>

>**[Docker](https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker)**

![](https://i.imgur.com/Y7EtkFr.png)
![](https://github.com/microsoft/vscode-docker/raw/master/images/generateFiles.gif)

If you are doing containerized application development with docker then this extension is extremely useful. This will help you to automate Dockerfile, docker-compose.yml, and .dockerignore file generation and deployments.
**[Docker](https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker)**
<hr/>

>**[C#](https://marketplace.visualstudio.com/items?itemName=ms-vscode.csharp)**

![](https://i.imgur.com/CiAWrgJ.png)

If you are .NET developer and working on .NET Core (cross-platform .NET implementation for websites, servers, and console apps on Windows, Linux, and macOS) then you can develop a .NET application on your choice of OS without installing Visual Studio.

C# extension will ease your .Net Core development on VS Code and comes with editing support, including Syntax Highlighting, Debugging, IntelliSense, Go to Definition, Find All References, etc.
**[C#](https://marketplace.visualstudio.com/items?itemName=ms-vscode.csharp)**
<hr/>

>**[VS Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare)** 🔥

![](https://i.imgur.com/Vw7zHSN.png)

>Note: Visual Studio Live Share is currently in preview. Features and user experience is not final.

If you ever co-authored any document either in google docs or Microsoft word then this extension will help you to co-edit and co-debug your application.
This is really cool I would encourage you to give it a shot you will ❤ it. It even works with Visual Studio.
**[VS Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare)**
<hr/>
###Themes

I told you VS code is highly customizable code editor and we have tons of Themes in VS code marketplace [Themes](https://marketplace.visualstudio.com/search?target=VSCode&category=Themes&sortBy=Downloads) section. Below are my two favorite themes.

>**[One Dark Pro](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme)** 

![](https://thepracticaldev.s3.amazonaws.com/i/tfgkm6elyedakmkj8ajn.png)
![](https://camo.githubusercontent.com/48f39d862900e54913410490e566a9e761bc5ad5/68747470733a2f2f7773332e73696e61696d672e636e2f6c617267652f303036744e6252776779316676776b7236693139396a33316b7731366f7461742e6a7067)

**[One Dark Pro Theme Official](https://marketplace.visualstudio.com/items?itemName=zhuangtongfa.Material-theme)** 
<hr/>

>**[Dracula Official](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula)**

![](https://i.imgur.com/VOU7ke1.png)
![](https://i.imgur.com/zvFcjpq.png)

**[Dracula Official](https://marketplace.visualstudio.com/items?itemName=dracula-theme.theme-dracula)**
<hr/>

Please feel free to mention your favorite extension or theme in comments ❤ 👇