If you’re a web developer, or aspiring to be, just use these few extensions. Don’t confuse yourself by downloading dozens of unnecessary extensions. These are the only ones you need :

ESLint

The key feature of the ESLint VS Code extension is that it provides real-time feedback on your code by underlining issues directly in the editor. This helps you catch mistakes as you write your code. The extension offers quick fixes for certain types of errors or warnings. You can apply these fixes directly from the editor by hovering over the issue and selecting the suggested fix.

Error Lens

Error Lens displays errors and warnings directly next to the problematic code line, making it easier for you to see what needs fixing without hovering over or navigating away. Unlike the default underlines in VS Code, Error Lens makes issues stand out more clearly with customizable highlights and inline descriptions. Simple yet very handy!

Prettier – Code formatter

Prettier automatically formats code on save or when triggered, applying consistent formatting rules to your files without manual adjustments. It supports a very wide range of programming languages, almost all of them for a web developer. Prettier follows a strict set of rules that may override custom formatting styles in favour of consistency. However you can customize it to some extent.

Material Icon Theme

The extension enhances the code editor by providing a comprehensive set of file and folder icons inspired by Google’s Material Design. It makes the workspace more visually appealing and easier to navigate while building complex projects.

So, this is it. Though there are other extensions like the Live Server but in reality you don’t really need them and clutter your extensions panel. Even if you do them manually it does not take much time. Keep it as simple as possible and only focus on the code.