How to become more productive and efficient with Visual Studio Code extensions?

in Frontend, Backend by Marcin on July 13th, 2021

In the previous article I described 10 VS code extensions that are a necessary minimum for you as a user. Especially, when you are a junior developer like me, it’s very helpful to know what you should use. Today I'd like to expand this list and show you another batch of useful features you may not have heard of that are available in VS Code. However, before I start, I'd like to mention that recently, I’ve encountered some issues with the efficiency of my code editor. It turned out that it was caused by a conflict of some extensions. Therefore, once again I’d like to emphasize the fact that your IDE doesn’t like too many of them! Week by week when I learn programming, I convince myself how important it is to have a good package of extensions in your IDE and how much time you can save because of them. So let’s start!

Setting Sync

Setting Sync

When it comes to changing computers, everybody knows that setting up your new workspace can be tedious and a real pain in the neck. Especially, if your editor has gained a lot of personal settings, keyboard shortcuts, snippets and extensions. This is when Setting Sync starts to play a role as a real game changer. This extension allows you to upload all your VSCode configuration as a GitHub Gist, which means that you’ll be able to use it on other devices and restore the complete setup very easily.

Download here: Setting Sync

VSCode-styled-components

VSCode-styled-components

Nowadays, most projects written in react use styled-components in order to implement styles into react components. Styled-components require writing pseudo css code in backticks (``) which makes VSCode treat this as a string. Therefore, our style code doesn’t have color. Thanks to VSCode-styled-components extension our code starts to look friendly and very familiar.

Download here: VSCode-styled-components

CodeSnap

CodeSnap

Next recommendation I would like to make is a CodeSnap. Maybe it’s not a must-have or even very useful extension for developers in general. However, there are some times when we need to share a piece of code with someone else. It can be some documentation files or just an article similar to this one. Whatever you do and need to make a screenshot of your code you should add CodeSnap to your extension’s list. Results are awesome, just take a look at it:

CodeSnapEx

Download here: CodeSnap

Markdown Preview GitHub Styling

Markdown Preview GitHub Styling

Many of us have some experience with preparing README.md files for projects. This extension makes it so much easier because it lets us preview the final version of these files with GitHub style. If you haven’t used it yet, go get it!

Download here: Markdown Preview GitHub Styling

Live Share

Live Share

The pandemic and new reality forced many developers to start working remotely. It turned out very quickly that this new work style can be challenging. Especially when we ask somebody for help and this person can’t just sit next to us and explain the issue in question. Live Share seems to be the remedy for this inconvenience. This extension is a tool which gives us a lot thanks to which we’re able to share with other colleagues not only our screen but also we can code and debug our work together! Sounds cool? For sure!

Download here: Live Share

Better Comments

Better Comments

When it comes to putting comments in the code, sometimes it would be very helpful to have comments spelled out in different colors which suggest their meaning. The Better Comments extension will help you categorize your comments and make them more readable for your colleagues.

Download here: Better Comments

Code Spell Checker

Code Spell Checker

Last but not least, Code Spell Checker is a great tool to validate spelling in our code. It’s very handy, especially if you’re not a native speaker like me. However, even if you are, remember that everybody makes mistakes :)

Download here: Code Spell Checker

And that’s it! I hope you enjoyed this article and found something interesting for you. If you haven’t already read my previous article about VS Code extensions, I highly recommend it! At the end I’d like to leave you with a quote which we all tend to forget:

 

"Simplicity is the soul of efficiency." - Austin Freeman


← back to the blog

You May Also Like

10 Visual Studio Code Extensions that Will Make You More Efficient

by Marcin in , on December 17th, 2020

Acccording to StackOverFlow’s 2019 developer survey, Microsoft’s Visual Studio Code is the most popular code editor among programmers. The reason why developers choose VS code is the fact that it allows them to customize and extend its functionality so much. 

Dump Links #1

by Kamil in on September 21st, 2015

In DeSmart we find interesting things every day. I found it very useful and I'll try to share all those interesting things on our Blog. I'll mostly write about PHP, Frameworks, CSS and all technology news.

Dump Links #2 - JavaScript Tools

by Kamil in on September 30th, 2015

Previous part of the „Dump Links” was about server side languages. Today I'm gonna show you tools written using JS. But not only...

Interested in Creating a Successful Project?

Contact us and together we'll bring your ideas to life!