DEV Community

Liam Kirkland
Liam Kirkland

Posted on

How to install open-wc

To start, install the latest version of Node LTS by first going to the prior link.
After the download is finished, run the installer. Follow the instructions in the Node.js Setup Wizard (this should also install npm along with Node, which is what we need).

Now install yarn which can be done by entering the following command into the Windows Command Prompt:

npm install --global yarn
Enter fullscreen mode Exit fullscreen mode

Now navigate to whatever folder you are going to use in your command prompt, then type the following command in:

npm init @open-wc
Enter fullscreen mode Exit fullscreen mode

This may take a minute to setup, but once options appear select the following (using the arrow keys and enter key):

  • Scaffold a new project
  • Web component
  • Linting
  • No (no typescript)
  • Enter the name of your web component (in our case, "hello-world")
  • Look over the file location, if it looks right select "Yes"
  • Select "Yes, with yarn" for the dependencies install

And you're all set!

Top comments (0)