Useful extensions in Visual Studio Code

Visual Studio Code is an open-source, light-weight code editor developed by Microsoft and it was built upon Electron Framework. So In VS Code there’s an very powerful feature called Extensions. Extensions are like plugins where you can install the respective plugin you want and if you don’t need it you can just uninstall.

In this blog, we are going to see some useful extensions in VS Code which will increase our productivity.

VS Code Extensions

Debugger for Chrome

It’s one of coolest extension introduced for the front-end developers where you can debug your code right into VS Code. It has some features built-in to make the debugging experience more powerful.

And also it will be very useful for testing and also you can avoid writing console.log().

Marketplace link => https://bit.ly/38vfPY1

Angular Language Service

Angular Language Service will be an very useful extension if you use angular to build your web applications. Basically, it will identify functions and variables in HTML which you have declared in TypeScript.

And recently there has been lot of improvements done to this extensions. Don’t forget to check out this extension if you use Angular.

demo

Marketplace link => https://marketplace.visualstudio.com/items?itemName=Angular.ng-template

GitHub

The main use of this extension is to integrate your GitHub account with VS Code. Currently most of the operations are supported such as,

  • Configuring branches
  • Sync,Pull,Push and Fetch can be done.
  • Create and cancel pull requests
  • Browse for open issues etc.

Marketplace link => https://marketplace.visualstudio.com/items?itemName=KnisterPeter.vscode-github

Azure Account

Azure Account is used for managing and creating your azure entities from VS Code. Using this extension you need to sign in into VS Code. And it will display your subscriptions and resource groups to manage your respective Azure resources.

You need to install respective extension to manage the respective azure resource. For Example we have,

  • Azure Functions
  • Azure Storage
  • Azure App Service
  • Azure Logic Apps etc. extensions available.

Marketplace link => https://marketplace.visualstudio.com/items?itemName=ms-vscode.azure-account

REST Client

REST Client helps you to send HTTP request to an endpoint and you can see the response in VS Code itself. And also it supports Basic,Digest, SSL and AD authentication and you can define some Environment variables if you want.

Marketplace link => https://marketplace.visualstudio.com/items?itemName=humao.rest-client

Visual Studio IntelliCode

IntelliCode provides you an AI-assisted development features for Python, TypeScript/JavaScript and Java developers in VS Code.

It will understand our coding style and based on that it will provide us with a list of proper suggestions. It is one of the most powerful extension which will be very useful for the developers.

Python AI-enhanced IntelliSense
Source: VS Code Extension Website

Marketplace link => https://marketplace.visualstudio.com/items?itemName=VisualStudioExptTeam.vscodeintellicode

Live Share

Live Share enables you to have an collaborative session where you can code and debug to other users in real time. You can share your debugging sessions, terminal instances, localhost web apps, voice calls etc.

And the important part is that, you can share your workspace independent of the platform i.e you can share VS Code workspace from MAC to VS Code which is installed in Windows.

Marketplace Link => https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare

Live Server

It is used to launch a local development server with live reload feature for static and also for dynamic pages. You can also remote connect through WLAN.

Live Server Demo VSCode
Source: VS Code Extension Website

Markeplace Link => https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

vscode-icons

This extension is used only to improve the look and feel of VS Code. It will have some beautiful icons to your project structure where you can easily identify the respective file.

demo
Source: VS Code Extension Website

Marketplace Link => https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons

Code Runner

Code Runner allows you to run code snippet or code file for multiple programming languages. And it nearly supports 50 programming languages.

Just select the code which you want to run and press F1. You will get the desired output.

Usage
Source: VS Code Extension Website

Marketplace Link => https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner

Code Time

Code Time is an open source plugin that provides you the right set of programming metrics into VS Code.

It provides you an dashboard where it has some information about your coding styles and also how much you code for a day etc.

Code Time for VS Code
Source: VS Code Extension Website

Marketplace Link => https://marketplace.visualstudio.com/items?itemName=softwaredotcom.swdc-vscode

GitLens

Git Lens enhances the Git capabilities built into VS Code. It also helps you to view the authorship of the respective code repository and you can seamlessly navigate and explore the git repositories.

Marketplace Link => https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

Polacode

It provides an polaroid for you code right inside VS Code.

usage
Source: VS Code Extension Website

Marketplace Link => https://marketplace.visualstudio.com/items?itemName=pnp.polacode

Conclusion

These are some of the cool extensions which I have came across during my development. But you know there are around 15040 VS Code Extensions available for different purposes. The list which I provide are my favorite one’s. Hope maybe one of these extension will be useful for your development.

If you are using any other cool extensions, please mention in the comments. In our next blog, we will explore about some useful extensions in Visual Studio.

Happy Coding!

Cheers! 🙂

2 thoughts on “Useful extensions in Visual Studio Code

Add yours

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Blog at WordPress.com.

Up ↑

%d bloggers like this: