\
There is no doubt that coding is a very tough job. Regardless of all the conveniences now being introduced for programmers, it is still a hectic job. With the advancements in the IT industry, things are starting to get simpler for coders as well. With the introduction of extensions in VS Code, there is a considerable amount of load being taken off of the developer’s shoulders.

 

There are already some big names in the game that have become every developer’s top pick in no time. These extensions help with productivity and save a lot of time as well. I will discuss some of the unseen VS Code extensions that can take over the IT world in the coming year.

# __[Peacock](https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock)__

This extension adds various colors to different windows of VS Code. While working on the front-end and back-end at the same time, you can add different colors to identify which repo you are working on. It also helps you add colors in live share and remote integration.

\
__[Marketplace Link](https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock)__

\
 ![](https://cdn.hackernoon.com/images/ckx-14-xl-5800-cn-0-as-6-cztn-5-v-8-y.jpg)

# __[SonarLint](https://www.sonarlint.org/vscode)__

Sonarlint is an outstanding extension for lone workers without a team. Basically, it detects code quality and code security issues, and generates reports for the user. Sonarlint can also be used by teams with sonarCube and sonarCloud. It has built-in rules in it but a developer can also mute rules or add new rules.

\
__[Marketplace Link](https://marketplace.visualstudio.com/items?itemName=SonarSource.sonarlint-vscode)__

\
 ![](https://cdn.hackernoon.com/images/ckx-14-xl-5800-co-0-as-63-wb-5513-b.jpg)

# __[CSS Stacking Contexts](https://marketplace.visualstudio.com/items?itemName=felixfbecker.css-stacking-contexts)__

This extension takes away your confusion of using z-index while stacking context. CSS Stacking Contexts makes debugging easier. The user can see the stacking context while styling in CSS. You can write z-index declarations with small values, too.

\
__[Marketplace Link](https://marketplace.visualstudio.com/items?itemName=felixfbecker.css-stacking-contexts)__

\
 ![](https://cdn.hackernoon.com/images/ckx-14-xl-5900-cp-0-as-6-fmr-67-erx.jpg)

\
\
# __[Blox](https://www.vsblox.com/)__

Blox is another incredibly useful extension with a mammoth 1500+ drop-in-ready code snippets. All you have to do is just drag and drop the pre-made code blocks in your project and save a great amount of time writing code.

__[Marketplace Link](https://marketplace.visualstudio.com/items?itemName=vsblox.blox)__

\
 ![](https://cdn.hackernoon.com/images/ckx-14-xl-5-a-00-cq-0-as-626-t-8-fw-43.jpg)

# __[Profile Switcher](https://marketplace.visualstudio.com/items?itemName=aaronpowell.vscode-profile-switcher)__

Profile Switcher helps you create various profiles on VS code that you can use for different reasons. This is a must-have extension for those who use VS code for more than one reason. You can save specific extensions for each profile as well.

\
__[Marketplace Link](https://marketplace.visualstudio.com/items?itemName=aaronpowell.vscode-profile-switcher)__

\
 ![](https://cdn.hackernoon.com/images/ckx-14-xl-5-c-00-cr-0-as-6-b-42-wb-7-rw.jpg)

\
\
# __[Code Runner for Web](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner-for-web)__

Code Runner for Web extension does what the name suggests; it runs code on your browser. Relatively new to the market, this is only compatible with Python. Given that they allow it to work for all mainstream technologies, this extension has a lot of potential in it.

\
__[Marketplace Link](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner-for-web)__

\
\
 ![](https://cdn.hackernoon.com/images/ckx-14-xl-5-c-00-cs-0-as-69-ybwbi-9-o.jpg)

# __[Uno Platform](https://marketplace.visualstudio.com/items?itemName=unoplatform.vscode)__

This extension is used with Uno Platform C#/XAML projects for WebAssembly and Skia based targets. It gives you XAML Code Completion, XAML Hot Reload, C# Hot Reload, and Code-behind navigation from a XAML file.

\
__[Marketplace Link](https://marketplace.visualstudio.com/items?itemName=unoplatform.vscode)__

\
 ![](https://cdn.hackernoon.com/images/ckx-14-xl-5-d-00-ct-0-as-68-q-93-b-5-rn.jpg)

\
# Conclusion

These are some extensions that caught my eye and can potentially perform very well in the year to come. From customizing the colors and having multiple profiles to getting pre-made code snippets, this list covers all bases. With the constantly evolving IT market, it takes something special to break the shackles and find your spot in the market. Fingers crossed to see how these extensions perform in 2022.

 \n 

SonarSource

Read My Stories

Get Shit Done!

Too Long; Didn't Read

Cassandra Forward a free Cassandra-focused community event

VS Code Extensions with a Bright 2022

Too Long; Didn't Read

People Mentioned

Company Mentioned

@hamzamalik

RELATED STORIES