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

• Go to https://yarnpkg.com/getting-started/install
• In Terminal enter : npm install -g 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