20-02-2025

VS code Extensions I Use 📄

VS Code extensions I use as a web developer are highly recommended and they are very essential. So, if you are a web developer, it is very important to prepare your coding environment.

VS code

What is VS Code?

VS code is a software made by Microsoft for programming jobs and the most important thing is free. It is the most famous software and widely used. If you want to download the software, you will find the link below.

🌐 Visual Studio Code

VS Code extensions I use are in the list that I am sharing in this blog post.

Live Server

This is the one of the most important extensions you need for better productivity. Instead of refreshing your page after each edit, it will do automatically.

🌐 Live Server

Error Lens

It highlights the entire line of the code wherever a diagnostic is generated by the programming language and also prints the message inline.

🌐 Error Lens

Code Spell Checker

Code spell checkers identify typos and spelling errors. This prevents those simple mistakes from causing unexpected behavior or breaking your code.

Spelling errors can introduce frustrating bugs into your code. Using a spell checker helps you avoid these issues and ensures your code runs smoothly.

🌐 Code Spell Checker

HTML End Tag Labels

The code labels ending tags with class names. This helps developers quickly identify the corresponding opening tags.

🌐 HTML End Tag Labels

Auto Tag Rename

Paired HTML/XML tags are automatically renamed, mirroring the behavior of Visual Studio. This ensures consistency and simplifies tag updates

🌐 Auto Tag Rename

Prettier - Code formatter

Prettier is an opinionated code formatter that ensures consistent code style. It achieves this by parsing and re-printing your code, applying its own rules, including line length restrictions and automatic code wrapping.

🌐 Prettier - Code formatter

Finally, I will update this list in the near future to ensure that I have covered VS Code extensions I use for daily purposes.

See you later 👋