DEV Community 👩‍💻👨‍💻

DEV Community 👩‍💻👨‍💻 is a community of 963,673 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Gabriel Paiva
Gabriel Paiva

Posted on

5 Visual Studio Code extensions I like to use

Check out some extensions and themes that I've known throughout my career as a programmer and that help me to be more productive.

#1 TabNine

This is an extension to auto-complete your code. However, it makes use of artificial intelligence for you to code faster since it identifies patterns in your project and thus improves the quality of the suggestions.

Captura de Tela 2020-10-21 às 12.21.32


#2 Dracula

This is a super famous color theme created by the brazilian Zeno Rocha. It can be installed in almost all code editors and terminals.

1*XjBry9powIU3GM4aiO-J-A


#3 Code Spell Checker

Another great help we have is this, which checks if the words were spelled correctly. This avoids, for example, that common mistake of typing the word lenght instead of length.

1*p_shTMURDx5rDvflBVGMVA


#4 Material Icon Theme

A theme that has a wide variety of icons based on Material Design. It applies an icon corresponding to the folder's name or the extension of the files, which makes it easier to identify them.

1*qeTqrzEgUGslpv7snK31hA


#5 Color Highlight

As simple as her name, Color Highlight highlights colors supported by css like HEX and RGB. Very useful for working on the frontend.

1*kF_WOgW6HyGp_ywoiT9RKw


The cool thing is that in VS Code, when you hover your mouse over the color, it opens a panel to change to any other color or also change its transparency.

Use Settings Sync from Visual Studio Code

With this option enabled, you can save settings, keyboard shortcuts and installed extensions to your Microsoft or Github account. Thus, you can share your configuration setup on all your machines.

Learn how to activate Settings Sync at this link.

Top comments (2)

Collapse
 
manuelberrueta profile image
Manny Berrueta

I like that material icon theme. I used to use it a while back and after seeing your post, it was time to give it another try :)

Collapse
 
gpaiva00 profile image
Gabriel Paiva Author

Awesome, Manny! I'm happy to know that! :D

Update Your DEV Experience Level:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. 🛠