paint-brush
VS Code Extensions with a Bright 2022by@hamzamalik
5,501 reads
5,501 reads

VS Code Extensions with a Bright 2022

by PythonButSnakeDecember 11th, 2021
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

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.

People Mentioned

Mention Thumbnail

Company Mentioned

Mention Thumbnail
featured image - VS Code Extensions with a Bright 2022
PythonButSnake HackerNoon profile picture


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.


Marketplace Link


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.


Marketplace Link


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




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.

Marketplace Link


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




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



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.


Marketplace Link



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.