DEV Community

Liam Kirkland
Liam Kirkland

Posted on

1 1

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!

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay