Setting up Your Development Environment

This is a premium lesson.

Subscribe to get access to the entire course.

As you start coding more complex components, it’s worth taking a step back and making sure that you have a good development environment.

Let’s take a look at some handy programs and extensions `that make it as easy for you to build a web component library.

Programs

Node and NPM

Node is a JavaScript runtime that allows you to run JavaScript outside of the browser. If you’ve worked on any JS project that involved running a server or installing some modules, then you’ve likely already installed Node. If you’re not sure, then it’s worth double checking that you have everything you need.

So open up your terminal and enter:

node -v

If your terminal output shows you’re using Node 18+, then great. You don’t need to do anything else.

If Node isn’t installed or you’re on an older version, then head over to the Node site and download the right bundle for your device.

Installing Node should automati`