VSCode Extensions

12 VSCode Extensions That Every Developer Should Use

These incredibly good extensions will help with any kind of problem and just make your workflow more comfortable

Mark Vassilevskiy
JavaScript in Plain English
4 min readApr 9, 2021

--

VSCode is one of the most popular and recognizable IDE for actually every programming language and in my own opinion — is the best. I tried to find the best extensions from many thousands and to show them to you. Some of them will help you with debugging your code, some of them will add many useful features and some of them will just make your code prettier and readable.

1. Beautify

If you write your code right after the earlier without any spaces and tabs or maybe on the contrary write too many tabs that your code make bigger and bigger. Beautify will easily help you with any kind of problems with readable your code and so on. Everything that you need is: Press F1 and choose “Beautify file”. It will automatically fix what you want.

Beautify

2. Python

If you work with Python that is the first extension that you should install, it allows you to run and debug your code right in the VSCode, you just need to press the button “Run and Debug” or to set up your own workflow to do it faster.

Python

3. C/C++

The same thing as “Python” but already for C and C++. It also helps you to run and debug your code right at your VSCode and even uses AI that allows you to write your C/C++ code faster.

C/C++

4. Bracket Pair Colorizer

As you might have noticed from the title, it auto colorizes your brackets (doesn’t matter which ones, square brackets, or parentheses). It really helps you to read your code, because you don’t always know where the function ends or where you’ve forgotten to write parentheses and now it shows you an error.

Bracket Pair Colorizer

5. ESLint

ESLint analyzes your JavaScript code to quickly find errors and also shows you what to write instead. When it defines an error it will have a red underscore and you can easily fix it yourself.

ESLint

6. Visual Studio IntelliCode

If ESLint helps you to find errors in your JavaScript code, then Visual Studio IntelliCode helps you to find errors in your Python code. Also, a very useful extension that I use myself for many months

Visual Studio IntelliCode

7. JavaScript (ES6) code snippets

My favorite extension for JavaScript. When you write something at your code and forget how calls function it will automatically offer you to write it down and you can just press Enter.

JavaScript (ES6) code snippets

8. Live Server

When you write your HTML, CSS, or JavaScript file you can press “Go Live” at the bottom of your VSCode window and it will automatically add your changes on a webpage without any reloads, etc.

Live Server

9. Material Icon Theme

Material Icon Theme adds icons to your files and folders at the top of your VSCode window and you can much easily move among them.

Material Icon Theme

10. One Dark Pro

One more extension that will make your VSCode workspace more comfortable and handsome. It changes your standard theme to incredible new. You can change the standard font to something else or even italic

One Dark Pro

11. Path Intellisense

When we need to write a path at our “href” or “src” tags or in your Python file it will provide your a path to an already existing file.

Path Intellisense

12. Discord Presence

I added this extension just for fun. When you write your code it displays it at your status at Discord and your friends can see it.

Discord Presence

Conclusion

I used and use nowadays these extensions for Web Development, Python Development, C++, and not only. I hope that you enjoyed this article and that these extensions were useful for you

More content at plainenglish.io

--

--

Top Writer. Designer & Agency Owner. 1M+ views on Medium. Helping people drive conversions for their startup https://thegrowthvalley.com/