VS Code Extensions with a Bright 2022โ€‚by@hamzamalik

VS Code Extensions with a Bright 2022

With the introduction of extensions in VS Code, there is a considerable amount of load being taken off of the developerโ€™s shoulders. These extensions help with productivity and save a lot of time as well. SonarLint detects code quality and code security issues, and generates reports for the user. CSS Stacking Contexts makes debugging easier with the help of using z-index while styling in CSS. Sonarlint can also be used by teams with sonarCube and sonarCloud.
image
PythonButSnake HackerNoon profile picture

PythonButSnake

I write for developers. I don't care about the level.


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

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.


image

SonarLint

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.


image

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.


image


Blox

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.

image

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.


image


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.



image

Uno Platform

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.


image

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.

react to story with heart
react to story with light
react to story with boat
react to story with money
L O A D I N G
. . . comments & more!