DEV Community

elizabeth-delor
elizabeth-delor

Posted on • Updated on

Installing Open-WC

Applications Used:

  • Terminal
  • NodeJS (LTS)
  • Yarn

How to Access Terminal (Mac)

  • Press Command + Space to access spotlight search
  • Type in Terminal to Open

How to install NodeJS [includes npm]

  • Go to https://nodejs.org/en/ and download Node LTS
  • Once downloaded, go into download folder
  • Double Click and follow the installation prompts

To make sure it successfully installed...

  • Open Terminal
  • Type Node
  • If "Welcome to node js [vs #]" shows up, it has been successfully installed.

How to install Yarn

To make sure it successfully installed...

  • In Terminal type yarn
  • If "Success Already up-to-date" shows up, it has been successfully installed.

How to use Open-WC Boilerplate

  • In Documents Folder create a new folder called git
  • In git create another folder named your git username
  • Return to Terminal and enter cd Documents/git/~name of folder~
  • Enter npm init @open-wc
  • Select Scaffold a New Project
  • Select Web Component
  • Press A to select linting, testing and demoing
  • Select No for Typescript
  • Name Scaffold hello-world
  • Install using Yarn

Running Open-WC Boilerplate

  • Enter cd hello-world in Terminal
  • Enter npm run start

Top comments (0)