VSCode is undoubtedly one of the most popular code editors out there. But did you know you can enhance your VSCode experience with extensions?
Here are 10 VSCode extensions that every developer must have!
1. Error Lens
With Error Lens, you will see errors and warnings in mealtime when working on a file or a new project.
2. Prettier
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.
3. Placeholder Image
Add placeholder images from right within your code editor.
4. Live Server
Launch a development local Server with live reload feature for static & dynamic pages
5. Tabnine
AI Code completion for any languauge. Super handy.
6. NPM
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.
7. Multiple Cursor Case preserve
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.
8. Chrome Debugger
This extension allows you to debug your JavaScript code running in the Chrome browser, from inside of VS Code.
9. Better Comments
Improve your code commenting by annotating with an alert, informational, TODOs, and more!
10. Gitlens
This extension supercharges the git capabilities built into VSCODE, it lets you glimpse into whom, why, and when a line or code block was changed.
Thank you for reading
If you liked this post, subscribe to my newsletter to never miss out on my blogs, product launches, and tech news, and follow me on Twitter for daily threads on web dev resources.