wokwi elements
1.5.1
Componentes Web para Arduino y piezas electrónicas varias.
Consulte el catálogo de componentes.
Nota: estos elementos únicamente proporcionan la presentación y visualización del hardware representado. No proporcionan el código de simulación funcional del hardware. Eso depende de la aplicación (simulador) con la que desea usarlos y, por lo tanto, depende de usted crearlos.
Puede instalar el paquete con npm y luego importarlo a su código:
import '@wokwi/elements' ;Alternativamente, puede cargar el paquete Wokwi Elements desde el CDN de unpkg:
< script src =" https://unpkg.com/@wokwi/[email protected]/dist/wokwi-elements.bundle.js " > </ script >Reemplace 0.48.3 con el número de versión más reciente. Puede encontrar una lista de todas las versiones en la página de lanzamientos.
Para prepararse para el desarrollo local, clone este repositorio y luego instale las dependencias:
npm install
Luego comienza el libro de cuentos:
npm run storybook
Esto abrirá un servidor de desarrollo local en http://localhost:6006, donde podrá interactuar con los elementos y ver sus cambios en vivo, similar a https://elements.wokwi.com.
La forma más sencilla de crear un nuevo elemento es ejecutar el generador:
npm run new-element --name demo
Esto generará un nuevo elemento llamado demo . También creará un archivo de libro de cuentos, por lo que podrá ver el nuevo elemento en el libro de cuentos (consulte la sección "Desarrollo local" más arriba).
Nota: las actualizaciones de las cadenas de documentos en el código no se reflejarán en la pestaña Documentos de Storybook a menos que reinicie Storybook o ejecute el siguiente comando manualmente y actualice la página:
npm run analyze-components
Consulte la Guía de contribución para obtener más detalles.
El tutorial de codificación en vivo del elemento del teclado de membrana recorre el proceso completo detrás de la creación de un elemento: investigación, dibujo y escritura del código/historias.
Wokwi Elements se publica bajo la licencia MIT.
