Top 10 VSCode Extensions | Visual Studio Code 2020

Top 10 VSCode Extensions | Visual Studio Code 2020

These are the 10 top vscode extensions recommended recently on a devto article. Since I use vscode on a daily basis, these top 10 visual studio code extensions will improve your general development workflows. After checking some of these out, I installed them immediately!

The best vscode extensions change over time, so these are the best visual studio code extensions 2020, and hopefully I can have an updated version for you next year!

00:00 - Introduction
00:50 - 1. GitLens
01:29 - 2. Prettier
02:15 - 3. ESLint
03:45 - 5. Path Intellisense
04:12 - 6. Path Autocomplete
04:25 - 7. Visual Studio Intellicode
04:59 - 8. Import Cost
05:45 - 9. Filesize
06:03 - 10. Live Server
06:39 - Extra: Project Manager
07:04 - Extra: Code Spell Checker
07:49 - Extra: Bracket Pair Colorizer
08:13 - Extra: Remote SSH
08:40 - Extra: Rest Client
09:05 - Extra: JavaScript ES6 Code Snippets
09:45 - Conclusion

Devto Article by themeselection:

Follow and support me:

[mariuszgolik]

Best regards from Cracow ! ;) Awesome Channel Adrian !!! Keep moving on :D !

[francescociulla]

Great video and always well-timed with my lunch 🔥

[heinekhalwin]

This is awesome. Another VS Code extension most people dont know about or leave out is Image Preview. Its a must for web developers working with a lot of images.

[indianatherd]

I literally started using VS code a few hours I switched from Brackets...Thanks I was familiarizing myself with it

[kenethnjoroge]

Hey Adrian, so I have been using VS code for sometime now but over time it got so slow and right now I am having a hard time writing code as it lags even in code completion. What do I do🥺

[marble_wraith]

Greetings. There are a few extensions not referenced by you or that article which would be worth mentioning.

1. Partial Diff.
2. indent-rainbow
3. vscode-faker
4. Rainglow (themes pack)

With regards to indent-rainbow, the way i use it is. I make the the first few indentations the same as the editor background color.

Then at around the 4th-5th indentation in, i start changing the color to become more and more obnoxious, which helps make anti-patterns / areas that need refactoring super visible.

Note this is only intended for use in actual programming languages (e.g. JS, PHP, python, etc). Hence some configuration will be necessary to turn this extension off for docs that can be heavily nested by default (e.g. anything XML based).

[jakespeakz]

Polacode and Tabnine are worth mentioning imo!

[andrzejs.]

Nice content. Do you speak polish fluently?

[junaidiqbal]

There is a Live Server Extension for VS Code but the Live of Brackets is Much better than it because it also gives the tag highlight Feature/.

[billyfigueroa]

The timing of this video lol...I just released a video on setting up VSCode for React with the top 6 extensions I use

[bigballercarson]

If you don't know what VS code is, I'm worried for you, but there is help for you. LOL