DEV Community

Cover image for 5 of my most favorite VSCode extensions for web development
AlbertoM
AlbertoM

Posted on • Edited on

5 of my most favorite VSCode extensions for web development

Check out my blog for more articles or Github for my free-to-read JavaScript Ebook that covers all the new features from ES6 to 2019

I use VS Code as my only text editor for both work and personal project, and these are some of my most favorite extensions.

1) Git Lens

A must have if you work in a team but still useful even for personal projects, this extension will let you see who edited each line of code.

i blame you

2) ESLint / TSLint

As an Angular developer, TS Lint is something I can't live without.
Keeping your code clean and aligned with proper style rules makes it easier for you and your colleagues to read and work on.

If you don't use TypeScript, be sure to install ES Lint and not TS Lint.

 

3) Live Share

If you are a "lone wolf" you can skip this one but if you work in a team and especially if you work remotely, this is a must have.

Several times I got stuck on a problem and live sharing with my senior helped me crack the issue I was struggling with.

 

4) Chrome Debugger

Stop console-logging everywhere! Just get yourself a debugger and start using breakpoints. Easy to set up and a great time saver, being able to stop your code and have a look at what's going on is a must have that will help you speed up your work.

 

5) Settings sync

If you are like me and work on two different machines, you may find this extension very useful, as it will allow you to keep all your computers synced in term of extensions and settings.

Extra Code Spell Checker

If you are a non native speaker, this extension can help you keep your code free of typos and errors. I still remember that day I was writing tests and i wrote "testes" instead of "tests" ahha you don't want that kind of code to be pushed to production.


Thank you very much for reading. Follow me on DevTo or on my blog at inspiredwebdev.com for more.


book banner

Get my ebook on Amazon and Leanpub

Top comments (1)

Collapse
 
bhupendra1011 profile image
bhupendra

Nice list to have. I would like to add two more useful extensions that helped me a lot:
1) Prettier : never have to worry about code formatting
2) GitHub Pull Request : Managing PR from VS Code