My Visual Studio Code Setup
Tags: vscode, theme, codeeditor, extensions
Published: 2021-04-07 06:51:37

A lot of people have been asking me, what extensions and themes do you use in Visual Studio Code?

Here is my response to that.

## My Theme: <a href="https://marketplace.visualstudio.com/items?itemName=kohlbachjan.the-best-theme">The Best Theme</a>

I really love using this theme because it looks radiant and makes me go into the mood of coding.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zmgpoxy8ioy8ygle86v8.png)

## My Font: <a href="https://github.com/tonsky/FiraCode/wiki/VS-Code-Instructions">Fira Code</a>

I really love using Fira Code because it looks really cool and is very easy to install: 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/242uetyr5drvfvyhtq6d.png)

# My Favorite Extensions

## 1. <a href="https://marketplace.visualstudio.com/items?itemName=TabNine.tabnine-vscode">TabNine</a>: <br />

<img src="https://www.tabnine.com/images/meta.png" width="500" height="500" style="text-align: center;">

TabNine is very helpful for JavaScript coding as it speeds up my coding process. This is a must install extension for any JS Coder.

## 2. <a href="https://marketplace.visualstudio.com/items?itemName=LeonardSSH.vscord">Discord Rich Presence</a>: <br />

Before installing the extension:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g28qjwwyum64wcctuc0d.png)

After installing the extension:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t6txliilhsdqk1ltz6ll.png)

I really like the Discord RPC That it adds.

## 3. <a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag">Auto Close Tag</a>

Automatically add a closing tag when you type in the closing bracket of the opening tag

<img src="https://github.com/formulahendry/vscode-auto-close-tag/raw/master/images/close-tag.gif">

## 4. <a href="https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag">Auto Rename Tag</a>

When you rename one HTML/XML tag, automatically rename the paired HTML/XML tag

<img src="https://github.com/formulahendry/vscode-auto-rename-tag/raw/master/images/usage.gif">

## 4. <a href="https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer">Live Server</a>

A Quick Development Live Server with live browser reload.
Start or Stop server by a single click from status bar.

<img src="https://ritwickdey.github.io/vscode-live-server/images/Screenshot/vscode-live-server-animated-demo.gif">

## 5. <a href="https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare">Live Share</a>

Visual Studio Live Share enables you to collaboratively edit and debug with others in real time, regardless what programming languages you're using or app types you're building. It allows you to instantly (and securely) share your current project, and then as needed, share debugging sessions, terminal instances, localhost web apps, voice calls, and more!

<img src="https://miro.medium.com/max/2066/1*73SgvYrtOG9UupYb2ODejA.gif">

## 5. <a href="https://marketplace.visualstudio.com/items?itemName=piotrpalarz.vscode-gitignore-generator">.gitignore Generator</a>

If you don't have .gitignore file already you'll be prompted right away with the list of all available tools, frameworks etc. to choose from. You can select or deselect the item with Space or by clicking the checkbox. Fuzzy-search is also available to speed things up.

<img src="https://github.com/piotrpalarz/vscode-gitignore-generator/raw/master/images/readme/1.gif">

## 6. <a href="https://marketplace.visualstudio.com/items?itemName=mgmcdermott.vscode-language-babel">Babel JavaScript</a>

This project supports:

ES201x JavaScript

React (including JSX)

FlowType

Support for GraphQL code highlighting within template strings

<img src="https://raw.githubusercontent.com/mgmcdermott/vscode-language-babel/master/images/screenshot.png">

These are all of my favorite extensions and themes.

 {% user code2rithik %} 

Thank You for reading this blog and remember...

# Keep Coding Y'All 👨🏻‍💻