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.
Marketplace link => https://marketplace.visualstudio.com/items?itemName=Angular.ng-template
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 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 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
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.
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
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.
Markeplace Link => https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
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.
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.
Marketplace Link => https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
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.
Marketplace Link => https://marketplace.visualstudio.com/items?itemName=softwaredotcom.swdc-vscode
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
It provides an polaroid for you code right inside VS Code.
Marketplace Link => https://marketplace.visualstudio.com/items?itemName=pnp.polacode
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.