

VS Code is cross-platform so our configurations will work on Windows, Mac and Linux. Some of the extensions listed below require some configuration outside of VS Code, I’ll let you know what does and doesn’t, but if you need any help, feel free to ask!įirst things first, if you don’t already have VS Code installed, head over to Visual Studio Code’s website.

You already have Node and NPM installed and setup correctly.I’m going to assume that at some point you will have the need for jQuery, ES6, React, Vue, PostCSS, or whatever floats your boat. Your front-end development stack is not opinionated.I’m going to assume a few points for this article: This introduction will take you from zero to hero, getting you up and running with VS Code, focusing specifically on my favorite front-end development extensions, making sure that every aspect of your workflow is covered. It continues to make my life easier and by doing so, makes me a better developer. I began my own coding life on Sublime Text 3, moved to Atom, then PHPStorm, then after my subscription expired with JetBrains I thought I’d give VS Code a try. Developers who once swore their allegiance to Sublime Text 3 and Atom are slowly being converted by the power and simplicity of VS Code–not to mention its incredible library of extensions. It’s taken a little while to gain traction, perhaps because it’s one of Microsoft’s few open source products, but it’s taken the open source community by storm. Visual Studio Code is one of the newest kids on the IDE “block” and it’s making a lot of noise.
