# @reboot-wc/create > Easily setup all the tools of Open Web Components. Latest version **0.38.69** (published 2022-09-22) · MIT license · 0 weekly downloads ## Install ```sh npm install @reboot-wc/create pnpm add @reboot-wc/create yarn add @reboot-wc/create bun add @reboot-wc/create ``` Provides the command `create-open-wc`. ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.38.69 | | Published | 2022-09-22 | | First published | 2022-09-22 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 9 | | Unpacked size | 104 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Author | open-wc | | Maintainers | reboot-machina | | Keywords | open-wc, owc, generator, starter-app | ## Links - npm: https://www.npmjs.com/package/@reboot-wc/create - Repository: https://github.com/machinaai/create - Homepage: https://github.com/open-wc/create - Issues: https://github.com/machinaai/create/issues - npm.io page: https://npm.io/package/@reboot-wc/create ## Dependencies (9) - [ejs](https://npm.io/package/ejs.md) ^3.1.6 - [glob](https://npm.io/package/glob.md) ^7.2.0 - [chalk](https://npm.io/package/chalk.md) ^4.1.2 - [dedent](https://npm.io/package/dedent.md) ^0.7.0 - [semver](https://npm.io/package/semver.md) ^7.3.5 - [prompts](https://npm.io/package/prompts.md) ^2.4.2 - [deepmerge](https://npm.io/package/deepmerge.md) ^4.2.2 - [command-line-args](https://npm.io/package/command-line-args.md) ^5.2.0 - [command-line-usage](https://npm.io/package/command-line-usage.md) ^6.1.1 ## Alternatives - [lodash.startswith](https://npm.io/package/lodash.startswith.md) — 769.7K weekly downloads - [@tarojs/service](https://npm.io/package/@tarojs/service.md) — 33.9K weekly downloads - [io.extendreality.tilia.indicators.spatialtargets.unity](https://npm.io/package/io.extendreality.tilia.indicators.spatialtargets.unity.md) — 131 weekly downloads - [@rtarojs/taro](https://npm.io/package/@rtarojs/taro.md) — 90 weekly downloads - [node-branch-io](https://npm.io/package/node-branch-io.md) — 50 weekly downloads ## Recent versions - 0.38.69 (latest) — 2022-09-22 - 0.38.68 — 2022-09-22 ## README --- permalink: 'init/index.html' title: Crear Web Components section: guides tags: - guides --- # Crear Web Components Andamiaje para proyectos en Web components [//]: # 'AUTO INSERT HEADER PREPUBLISH' ## Usage ```bash npm init @reboot-wc ```

Advertencia

npm init requiere node 14 & npm 6 o superior

Éste proceso iniciara un menú guiado através de todas las opciones disponibles $ npm init @reboot-wc npx: installed 14 in 4.074s ``` ██████╗ ███████╗██████╗ ██████╗ ██████╗ ████████╗ ██╔══██╗██╔════╝██╔══██╗██╔═══██╗██╔═══██╗╚══██╔══╝ Open Web Components ██████╔╝█████╗ ██████╔╝██║ ██║██║ ██║ ██║ ██╔══██╗██╔══╝ ██╔══██╗██║ ██║██║ ██║ ██║ ██║ ██║███████╗██████╔╝╚██████╔╝╚██████╔╝ ██║ Estándares para un desarrollo web moderno más rápido ╚═╝ ╚═╝╚══════╝╚═════╝ ╚═════╝ ╚═════╝ ╚═╝ Ctrl+C or Esc para salir ¿Que deseas hacer? › - Utiliza las flechas. Enter para selecionar. ❯ Crear andamio arquetipo para un nuevo proyecto Actualizar un proyecto existente ``` ## Opciones Se pueden pasar parametros para saltarse las preguntas del wizard parcialmente o en su totalidad | Option | Type | Description | | | ----------------------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------- | --- | | `--destinationPath` | path | La ruta donde el generador escribirá los archivos to | | | `--type` | `scaffold`\|`upgrade` | scaffold para crear un andamio en un nuevo proyecto o upgrade para actualizar un proyecto existente | | | `--scaffoldType` | `wc`\|`app` | El tipo de proyecto a crear el andamio. wc para un componente simple o app para una aplicación | | | `--features` | `linting`\|`testing`\|`demoing`\|`building` | Qué características incluir. linting, testing, demoing, o building | | | `--typescript` | `true`\|`false` | Si se desea utilizar TypeScript en el proyecto | | | `--tagName` | string | La etiqueta para el web component o elemento shell | | | `--installDependencies` | `yarn`\|`npm`\|`false` | Si se desea instalar dependencias. Elegir npm o yarn para instalarlas o false para saltar la instalación | | | `--writeToDisk` | `true`\|`false` | ¿Escribir los archivos al disco? | | | `--help` | | Este mensaje de ayuda | | ## Generador de Andamio Éste generador te ayuda a iniciar una nueva app o web component. Creará una nueva carpeta y configurará todo lo necesario para iniciar inmediatamente. Ejemplo de uso: ```bash npm init @reboot-wc # Seleccionar "Andamiar un nuevo proyecto" ``` ### Generadores de Andamio disponibls: - `Web Component`
Este generador crea un andamio inciial de proyecto para crear un web component. Se recomienda cuando se desea desarrollar y publicar un componente individual.
- `Application`
Este generador crea un andamio inicial de proyecto para crear una aplicación. Se recomienda cuando se desea iniciar un proyecto basado en web components
## Características Los generadores anteriores son el campo de juego ideal para prototipar. Se puede agregar linting, testing, demo y building cuando sea necesario. Ejemplo de uso: ```bash cd existing-web-component npm init @reboot-wc # seleccionar "Actualizar un proyecto existente" o agregar características mientras se realiza el andamio ``` ### Características dispponibles para actualización - `Linting`
Este generador agrega una configuracion completa de lintin con ESlint, Prettier, Husky y commitlint
- `Testing`
Este generador agrega una configuración completa de pruebas con Web Test Runner y Puppeteer
- `Demoing`
Este generador agrega una configuración completa con Storybook
- `Building`
Este generador agrega una configuración crompleta con Rollup
--- _Source: https://npm.io/package/@reboot-wc/create · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._