DEV Community

loading...
Cover image for My Visual Studio Code Setup

My Visual Studio Code Setup

code2rithik profile image Rithik Samanthula ・3 min read

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: The Best Theme

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

Alt Text

My Font: Fira Code

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

Alt Text

My Favorite Extensions

1. TabNine:

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. Discord Rich Presence:

Before installing the extension:
Alt Text

After installing the extension:
Alt Text

I really like the Discord RPC That it adds.

3. Auto Close Tag

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

4. Auto Rename Tag

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

4. Live Server

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

5. Live Share

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!

5. .gitignore Generator

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.

6. Babel JavaScript

This project supports:

ES201x JavaScript

React (including JSX)

FlowType

Support for GraphQL code highlighting within template strings

These are all of my favorite extensions and themes.

Thank You for reading this blog and remember...

Keep Coding Y'All 👨🏻‍💻

Discussion (16)

pic
Editor guide
Collapse
danielkrupnyy profile image
Daniel Krupnyy

Great setup! I've never seen the .gitignore Generator extension before.

Collapse
andrejnsimoes profile image
André Simões

"npx goops" is an option too :)

Collapse
code2rithik profile image
Rithik Samanthula Author

Thank You🎉🎉

I hope you had a wonderful time reading my blog. Do share it with your friends. Stay tuned for upcoming blogs!

Collapse
code2rithik profile image
Rithik Samanthula Author

Thank You🎉🎉

I hope you had a wonderful time reading my blog. Do share it with your friends. Stay tuned for upcoming blogs!

Collapse
ginomempin profile image
Gino Mempin

For the Auto Rename extension, VS Code now provides a similar built-in feature.

From 1.44+, it's Synced Regions

The red regions are Synced Regions. As their name suggests, any change in one region will be synced to other regions.

From 1.52+, they renamed the setting to Linked Editing

The On Type Rename feature for editing a tag when its matching closing tag is modified is now called linked editing.

Collapse
garvitmotwani profile image
Garvit Motwani

Great Setup Bro!!

Collapse
code2rithik profile image
Rithik Samanthula Author

Thank You🎉🎉

I hope you had a wonderful time reading my blog. Do share it with your friends. Stay tuned for upcoming blogs!

Collapse
garvitmotwani profile image
Collapse
programmeraadi profile image
Collapse
code2rithik profile image
Rithik Samanthula Author

Thank You🎉🎉

I hope you had a wonderful time reading my blog. Do share it with your friends. Stay tuned for upcoming blogs!

Collapse
laxedo17 profile image
laxcivo

great article! Still, while I LOVE Tabnine -works great with C#-, Code Autocomplete, which is based on Tabnine, might be better

Collapse
code2rithik profile image
Rithik Samanthula Author

Thank You🎉🎉

I hope you had a wonderful time reading my blog. Do share it with your friends. Stay tuned for upcoming blogs!

Collapse
ziterz profile image
Collapse
code2rithik profile image
Rithik Samanthula Author

Thank You🎉🎉

I hope you had a wonderful time reading my blog. Do share it with your friends. Stay tuned for upcoming blogs!

Collapse
kingsleyijomah profile image
Kingsley Ijomah

Fab setup!

Collapse
code2rithik profile image
Rithik Samanthula Author

Thank You🎉🎉

I hope you had a wonderful time reading my blog. Do share it with your friends. Stay tuned for upcoming blogs!