https://github.com/heybran/create-webcomp
A NPM package to quickly scaffold a new web components project powered by Vite.
https://github.com/heybran/create-webcomp
components javascript web
Last synced: about 1 year ago
JSON representation
A NPM package to quickly scaffold a new web components project powered by Vite.
- Host: GitHub
- URL: https://github.com/heybran/create-webcomp
- Owner: heybran
- Created: 2023-05-15T12:11:50.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-03T11:09:01.000Z (about 3 years ago)
- Last Synced: 2025-03-28T14:11:18.143Z (about 1 year ago)
- Topics: components, javascript, web
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/create-webcomp
- Size: 40 KB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# create-webcomp
This package allows you to quickly scaffold a new web components project powered by Vite.
## Scaffolding Your First Web Components Project
With NPM:
```bash
npm create webcomp@latest
```
With PNPM:
```bash
pnpm create webcomp
```
Then follow the prompts. You can use `.` for the project name to scaffold in the current directory.
## Available Web Components Structure/Templates
1. Standalone JavaScript
```
└── components
├── MyApp.js
└── MyCounter.js
```
2. CSS + JavaScript
```
└── components
├── my-app
│ ├── index.js
│ └── style.css
└── my-counter
├── index.js
└── style.css
```
3. HTML + CSS + JavaScript
```
└── components
├── my-app
│ ├── index.html
│ ├── index.js
│ └── style.css
└── my-counter
├── index.html
├── index.js
└── style.css
```