The optional extensions are more for your quality of life.

Of course, no extension is really mandatory - it’s your VS Code after all - but everyone should use a code formatter, linter, and theme. I’m going to recommend seven must-have extensions, with another seven optional ones. In this short tutorial, you’ll take a brand-new VS Code installation and turn it into a super-powered professional setup in about five minutes. Plus, a nice programming font is just so easy on the eyes! Along with a theme, you can add file icons that’ll let you see what type of files you’re working with at just a glance.īut you won’t really seem like a pro until you start using font ligatures that turn common code symbols (like => and !=) into human-readable versions. But they’re generally awesome to have even if you never plan to work on open-source.Īdditionally, a nice theme makes VS Code easier to use, and it makes it feel like your own personal version. Using code formatters (typically Prettier) and linters (usually ESLint) tend to be mandatory when contributing to open-source projects online. What separates a professional web developer’s VS Code from a brand-new installation is the use of extensions, especially code formatters and linters that automatically detect and fix problems in your code.

Here’s how to go from zero to professional web developer by installing and configuring some crucial extensions, themes, and add-ons. When you’re a # CodeNewbie starting out on # 100DaysOfCode, your Visual Studio Code setup probably leaves a lot to be desired. Photo by Procreator UX Design Studio on Unsplash

Visual studio code setup