5 VS CODE EXTENSIONS I USE DAILY !

#webdev #javascript #beginners #programming

Guys, I think this is my 5th VS code extension post if I am right. Ok, basically one of my highest viewership posts are all about vs code extensions. So, I wanted to make a really big awesome list about vs code extensions. So, let us get straight into this.

BETTER COMMENTS ❗

Better comments formats the comments you write in the code as the name suggests. It basically gives you're a code a better readability. Most of the code comments are clutter if you don't write them with a lot spaces. They often blend in with code and this is really frustrating when you have lots and lots of lines of code in your program.

The above image shows how this actually works

auto rename tags < what ? 😕 >

So let us say, you have put an UL tag instead of li tag. If you want to change that you delete the whole thing and rewrite the code. This is time consuming and a wastage of effort. This is where auto rename tags comes in. It changes both the opening and closing tag's name if you change it one

Here is how it actually works

Indent rainbow 🌈

If you are a web developer, you know the pain of children tags. They often cause a lot of code mistakes. Indent rainbow is here to clear the clutter and make your code look much better. Use it along prettier, this will definitely make a change.

Preview images 🖼

If your program has a lot of images in it, you might have faced a problem of putting an image in the wrong area. Preview images is an extension that basically shows a preview of the image beside your code. This makes life with images much easier

Luna paint 🎨

Want to crop or make a last-minute edit to your image. Instead of opening the image editor and making the changes. And then again export the image and replace it with the old image. Hope, we had an inbuilt photo editor in vs code. Yes, we do have a photo editor inside vs code. It's called luna paint. You should definitely have this extension in vs code.