In this article, I am going to talk about few important VS Code Extensions which help to improve your
productavity & efficiency. It's difficult to define extract ten extensions but we have listed below few most popular and famous extensions.
What is VS Code?
Visual Studio Code (VS Code) is a free & open-source code editor by Microsoft which was developed for Windows,Linux & macOS. VS Code is written using TypeScript, JavaScript & CSS.
Why VS Code?
It's completely free 😯
Cross Platform
Language based support
Highly Customizable
Debugging
Command Palette
Auto Close Tag
As a developer this extension is a must. This amazing extension,
Automatically add closing tag when you type in the closing bracket of the opening tag
After closing tag is inserted, the cursor is between the opening and closing tag
Set the tag list that would not be auto closed
Get it here
Auto Rename Tag
This extension helps you to Automatically rename paired HTML/XML tags.
When you rename one HTML/XML tag, automatically rename the paired HTML/XML tag
Get it here
Live Server
This extension will help you open a live web server of your current project.
A Quick Development Live Server with live browser reload.
Start or Stop server by a single click from status bar.
Open a HTML file to browser from Explorer menu.
Support for excluding files for change detection.
Customizable Port Number, Server Root, default browser.
Get it here
Live Share
Live share is one of the most cool features in VSCode. It’s perfect when working with team members. One of its functions is to allow every developer to share code snippets with other developers in real-time.
Live Share allows developers to the instant sharing of current projects even when debugging.
Others don’t need to install any repositories, SDKs, or anything to connect with other developer’s current code. Everyone on the team can collaborate sessions to explore and fix things remotely.
Get it here
Prettier
Don't waste time on formatting your codes.Just handover it to this cool extension.
It's super easy to setup and can be configured to formatted your code automatically on save.
Get it here
Bracket Pair Colorizor
When working with huge projects, Brackets are a pain for most developers.this amazing extension helps you to find the opening and closing more easily. The fact that they’re colored makes your code more readable.
Get it here
Beautify
Beautify is another extension for code formatting like Prettier.
It formats codes that are written in HTML, Saas, CSS Javascript and JSON.
Get it here
GitLens
Want to intergrate Git capabilities in to your VS code text editor? I am pretty sure this is the extension you should use for it. It alloes you to,
Get it here
Path Inelligence
In large projects, remembering specific file names and the directories your files are in can get tricky. This extension will provide you intellisense for just that. As you start typing a path in quotations, you will get intellisense for directories and file names. This will save you from spending a lot of time in the file explorer.
Get it here
Debugger for Chrome
Debugging JavaScript means more than just writing console.log() statements.This extension gives you all of those debugging features right inside of VS Code!.
Get in here