article

5 Great VSCode extensions for web developers

5 Great VSCode extensions for web developers

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

NEWEST ARTICLES

  • Send daily automated tweets from a Google Sheet by using Google Scripts