Next, you will need to install NodeJS. Here is the Link to install. To check that NodeJS is installed properly as well as check what version you are using, just type in "node -v" into the command line.
After installing NodeJS, it will automatically install npm with it. Npm stands for Node Package Manager and is used globally to allow programmers to use different packages, share code, and many other useful things. To check that it is installed and see what version you have, type "npm -v" into the command line.
Now that you have installed all of the required tools, create a folder where you will keep all of your files for the project. When you finish this, create a repository in Github then clone it into that folder you created earlier. To create the open-wc project, go to the command line and type in "npm init @open-wc", which should bring you to something that looks like this:
Once you get here, use the arrow and enter keys to select options that you are given. For this web component, I selected:
- Scaffold a new project
- Web Component
- Select all 3 bubbles
- Name of web component
- Yes, with npm
When all of that is done, you will type "cd (name of project)" and "npm run start" then you should be redirected to a web page that looks like this
Finally! After all of that you are ready to start working with web components. If there is anything in there that was unclear, I recommend watching this video that helped me get through this.