The best extensions, tips, and themes for VS Code!
Tags: vscode, python, theme, extensions
Published: 2021-12-22 22:39:16

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](https://cdn.hashnode.com/res/hashnode/image/upload/v1640185115659/O5G9xrpRo.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](https://cdn.hashnode.com/res/hashnode/image/upload/v1640185181888/Bnhklx5Vd.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](https://www.tabnine.com/).

* [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)

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

![0_49Omw1hEjyVlscuU.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1640185423187/rDsGT5Dc_.gif)

* [TODO Highlight](https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight)

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

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1640185481965/3GS8oO-MQ.png)

* [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense)


An extension to auto-complete the path and filenames.


![0__1UzDnDS0A1Jh4PV.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1640185742050/ecsrS7bhA.gif)

* [Pylance](https://marketplace.visualstudio.com/items?itemName=ms-python.vscode-pylance)

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](https://cdn.hashnode.com/res/hashnode/image/upload/v1640185834890/SUv7ebGsi.gif)

* [Visual Studio IntelliCode](https://visualstudio.microsoft.com/services/intellicode/)

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

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1640186132180/aDssxjzOy.png)

* [Material Theme Icons](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)

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

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1640186206693/XJvKvBPEs.png)

*[VSCode Great Icons](https://marketplace.visualstudio.com/items?itemName=emmanuelbeziat.vscode-great-icons)

Another set of icons to customize the environment.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1640186338052/K1vBQD6f3.png)

* [One Monokai Theme](https://marketplace.visualstudio.com/items?itemName=azemoh.one-monokai)

A simple and practical theme.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1640186381502/TDBmOhidvqE.png)


* [Noctis](https://marketplace.visualstudio.com/items?itemName=liviuschera.noctis)

A theme created to rest your eyes.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1640186449790/ga9cQTL9p.png)

* [Remote WSL](https://code.visualstudio.com/docs/remote/wsl?WT.mc_id=javascript-36257-gllemos)

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

![0_iuCuSxPfLwwPN6Kz.gif](https://cdn.hashnode.com/res/hashnode/image/upload/v1640186511372/DEPWwgrws.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

<a href="https://www.buymeacoffee.com/jlgjosue" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a> 

Follow me on [Medium](https://jlgjosue.medium.com/)  :)