Useful VS Code Extensions

Currently, Visual Studio Code is one of the best and popular code editors. Vs code is lightweight and supports almost all languages and features including debugging, syntax highlighting, intelligent code completion, snippets, code refactoring, and embedded Git. There are a lot of extensions for vs code. Here are some useful extensions for vs code.


1. Auto rename tag 

Sometimes we need to change the tag of our markup and most of the markup tags are paired. So we need to change both the opening and closing tag manually. Auto rename tag extension renames the closing tag automatically when you edit the opening tag. Sometimes the closing tag might be at the very bottom that we need to scroll down the page and change the closing tag. Auto rename tag extension reduces this extra piece of work and saves time.


2. Bracket Pair Colorizer 2

Sometimes when we work with a long function with many conditional statements we need to check the content inside the function block or conditional statements block codes. Bracket Pair Colorize 2 highlights the bracket pair and makes it easy to understand the block content.


3. Polacode

If you want to take screenshots of your code the placode is a very useful extension for this. Open command palette by pressing CTRL + Shift + P and type Polacodeand enter to open the Polacode window. Now you can select your code to insert a Polacode screenshot. You can resize the Polacode window to increase decrease the screenshot size.


4.Prettier - Code formatter

Clean and formatted code is very important. Sometimes it is very difficult to format a large number of lines of codes and wastes time. Prettier helps us to format the code automatically within a seconds. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.


5. GitLens

VS Code comes with default git features like adding, committing, pushing and pulling, creating and merging branches. But the GitLens extension will give you additional super cool features for git. With GitLens clicking on the line, you can see the commit information like time and the username who committed right side to the line. If you hover over the info line you can see more information about the commit. You can see side-by-side commit differences and lots of features with easy handling options. 


6. Better Comments

This extension gives better comments highlighting features. You can create comments more specifically with different colors like for Alerts Queries TODOs and general Highlighted comments with very simple syntax. 


7.Code Spell Checker

It is very important to write proper spelling in code like naming variables or functions. It is very important to declare meaningful variable and function name so it is important to write proper spelling otherwise it could sense different. Code spell checker helps you to find out where the spelling is wrong. 


8. Code Time

Code Time is an open-source plugin for automatic programming metrics and time tracking in Visual Studio Code. It helps you to understand your coding time and productivity. Day-by-day code timing helps you to understand the progress you make.


9. Blockman - Highlight Nested Code Blocks

By the name of the extension, you may guess the use of it. It will highlight your block of code. It is very useful when you use so many nested blocks. You can change block colors, depth, turn on/off focus, curly brackets, square brackets, round brackets, tags, python indentation, and more. It also supports Indentation-based language(s): currently Python only. To get a good result each line of code must have less than 500 characters, otherwise, blocks will not be rendered in the entire file.


If you like this article please share it with the social communities and the junior developers. 

Read: 30
Login to comment

Recent Comments