HomeTutorialsArticlesAbout MeContact

5 Great VSCode extensions for web developers

By Alberto Montalesi
Published in Article
October 06, 2019
1 min read
Check out my Github for my free-to-read JavaScript Ebook that covers all the new features from ES6 to 2021. If you want find a great place for interactive tutorials, i recommend Educative where you can find my JavaScript course
This website contains affiliate links.

I use VSCode as my only text editor for both work and personal project, and these are some of my most favorite extensions that every web developer should consider installing.

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.

test

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, if you enjoyed this article, please share it with friends and colleagues and if there is a topic you would like me to cover, reach out to me on twitter at @montalesi. Follow me on DevTo or on Twitter for more.

complete guide to modern javascript alberto montalesi ebook bannerGet my ebook on Leanpub or get my course on Educative

Tags

beginnersarticle
Previous Article
Create Pomodoro Clock in JavaScript Tutorial | freeCodeCamp

Alberto Montalesi

Software Developer

buy me coffee
complete guide to modern javascript book cover

Complete Guide to Modern JavaScript

Get the Course

Category

Article
Challenge
Tutorial

Related Posts

Everything new coming in ES2021
July 25, 2020
3 min
© 2021, All Rights Reserved.

Quick Links

TutorialsArticlesChallenges

Social Media