DEV Community 👩‍💻👨‍💻

Josue Luzardo Gebrim
Josue Luzardo Gebrim

Posted on

The best extensions, tips, and themes for VS Code!

Best extensions and themes for Visual Studio Code!

This post is a list of extensions and themes for Microsoft Visual Studio Code that I’ve used and recommend.

About VS Code

Visual Studio Code is an open-source editor developed and maintained by Microsoft, one of the most used and popular editors at the moment. Its popularity is mainly:
For the abundant amount of “IntelliSenses” (solutions to autocomplete your code).

  • Possibility of “debug” by the editor.

  • Integration with GIT.

  • Lots of cloud integrations like Azure and GCP.

  • Possible to use with DevOps solutions such as Terraform, Ansible, and Kubernetes.

  • Having supported Windows, Linux, and Mac.

  • It supports the possibility of development for several languages like C++, C#, Java, Python, PHP, Go, and runtimes like .NET and Unity.

https://code.visualstudio.com/

There is a large community helping Microsoft to maintain and evolve this editor daily, but before you go out customizing and installing extensions and themes, check the documentation available.

Extensions and Tips

This is a short list of extensions, integrations, and tips for everyday use.

  • Support for Jupyter Notebooks(*.ipynb) within VS Code:

0_tV22CP21UugJLt6z.gif

To enable support for Jupyter Notebooks, you will need to have Python installed, install the support, and create a test file (ex: test.ipynb).

https://code.visualstudio.com/learn/educators/notebooks

IntelliSense is a general term for various code editing features, including: code completion, parameter information, quick info, and member lists. IntelliSense features are sometimes referred to by other names, such as “code completion”, “content assistant” and “code hints”.

0_8JgU_T4n-DSKdSbj.gif

As time went by, several intelligent “wizards” began to appear to assist and complement the VS Code, one of the most promising is “Kite”, a solution with support for 16 languages, using several machine learning models to improve the auto-complete, reducing the keys used during its use by 47%, in addition, to easily accessing the documentation for each new library used and tools to search for repeated code.

https://medium.com/kitepython

There are several alternatives to kiting, one of them is the Tabnine.

A set of solutions that will make your day-to-day, driving code versioning with Git much easier.

0_49Omw1hEjyVlscuU.gif

A way to remember some “TODO” that are always to be done…

image.png

An extension to auto-complete the path and filenames.

0__1UzDnDS0A1Jh4PV.gif

Pylance is an extension that works alongside Python in Visual Studio Code to provide high-performance language support. Behind the scenes, Pylance is powered by Pyright, Microsoft’s static type checking tool. Using Pyright, Pylance has the ability to turbo-charge your Python IntelliSense experience with rich type information, helping you write better code faster.

0_-QxL7MGMUUQMh6gr.gif

An “Assisted IntelliSense”, ie an assistant with artificial intelligence to improve the autocomplete.

image.png

A gigantic catalog of icons that customize your editor and make your navigation a little easier visually.

image.png

*VSCode Great Icons

Another set of icons to customize the environment.

image.png

A simple and practical theme.

image.png

A theme created to rest your eyes.

image.png

This extension allows the use of the VS Code on the Windows Linux subsystem, the WSL:

0_iuCuSxPfLwwPN6Kz.gif

This publication is a presentation of a set of extensions, themes, and tips to use with VS Code, but before you go madly installing everything that was presented, read the documentation and remember that as new extensions are being installed, know this can make your editor “heavy” and increase RAM consumption.

References:

https://medium.com/free-code-camp/here-are-some-super-secret-vs-code-hacks-to-boost-your-productivity-20d30197ac76

https://medium.com/hackernoon/vs-code-extensions-for-happier-javascript-coding-e258f72dd9c1

https://levelup.gitconnected.com/15-vs-code-extension-to-save-your-time-and-make-you-a-better-developer-506f79baec53

https://medium.com/swlh/best-4-vs-code-extensions-in-2020-d629f37a034

https://towardsdatascience.com/pylance-the-best-python-extension-for-vs-code-ae299f35548c

https://medium.com/for-self-taught-developers/10-best-themes-for-visual-studio-code-2020-87885ec1576a

https://glaucia86.medium.com/14-dicas-para-turbinar-o-seu-vs-code-341cf5f8a353

Buy Me A Coffee

Follow me on Medium :)

Top comments (2)

Collapse
 
turry profile image
Turry

Cool

Collapse
 
jlgjosue profile image
Josue Luzardo Gebrim

Thanks :)

12 Rarely Used Javascript APIs You Need

>> Check out this classic DEV post <<