10 VSCode extensions every dev must have

10 VSCode extensions every dev must have

Abhiraj Bhowmick
·Jan 26, 2022·

2 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Table of contents

  • 1. Error Lens
  • 2. Prettier
  • 3. Placeholder Image
  • 4. Live Server
  • 5. Tabnine
  • 6. NPM
  • 7. Multiple Cursor Case preserve
  • 8. Chrome Debugger
  • 9. Better Comments
  • 10. Gitlens

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.

 
Share this