10 VSCode extensions every dev must have

With Error Lens, you will see errors and warnings in real time when working on a file or a new project.

Prettier is a code formatter that parses your code and re-prints it with its own rules that take the maximum line length into account and also wraps code if necessary.

Add placeholder images from right within your code editor.

Launch a development local Server with live reload feature for static & dynamic pages

AI Code completion for any language. Super handy.

This extension helps you to manage your package.json and will provide warnings if dependencies are not installed also will help with the version control.

Have you ever tried to change a single word in all variable names, but had your camelCase broken? This extension preserves selection cases in these situations. It recognizes CAPS, Uppercase, and lowercase. Works for typing or pasting.

This extension allows you to debug your JavaScript code running in the Chrome browser, from inside of VS Code.

Improve your code commenting by annotating with an alert, informational, TODOs, and more!

This extension supercharges the git capabilities built into VS Code, it lets you glimpse into who, why, and when a line or code block was changed.

Thank you for reading

If you liked this post, follow me on Twitter for daily threads on web dev resources.