wokwi elements

Wokwi-Elemente

Webkomponenten für Arduino und verschiedene elektronische Teile.

Schauen Sie sich den Komponentenkatalog an.

Hinweis: Diese Elemente dienen lediglich der Präsentation und Anzeige der dargestellten Hardware. Sie stellen nicht den funktionalen Simulationscode der Hardware bereit. Das hängt von der Anwendung (dem Simulator) ab, mit der Sie diese verwenden möchten, und liegt somit bei Ihnen, sie zu erstellen.

Verwendung von Wokwi-Elementen

Sie können das Paket mit npm installieren und es dann in Ihren Code importieren:

 import '@wokwi/elements' ;

Alternativ können Sie das Wokwi Elements-Bundle vom CDN von unpkg laden:

 < script src =" https://unpkg.com/@wokwi/[email protected]/dist/wokwi-elements.bundle.js " > </ script >

Ersetzen Sie 0.48.3 durch die neueste Versionsnummer. Eine Liste aller Versionen finden Sie auf der Release-Seite.

Lokale Entwicklung

Um die lokale Entwicklung vorzubereiten, klonen Sie dieses Repo und installieren Sie dann die Abhängigkeiten:

 npm install

Dann starten Sie das Bilderbuch:

 npm run storybook

Dadurch wird ein lokaler Entwicklungsserver unter http://localhost:6006 geöffnet, auf dem Sie mit den Elementen interagieren und Ihre Änderungen live sehen können, ähnlich wie bei https://elements.wokwi.com.

Ein neues Element erstellen

Der einfachste Weg, ein neues Element zu erstellen, besteht darin, den Generator auszuführen:

 npm run new-element --name demo

Dadurch wird ein neues Element namens demo generiert. Außerdem wird eine Storybook-Datei erstellt, sodass Sie das neue Element im Storybook sehen können (siehe Abschnitt „Lokale Entwicklung“ oben).

Hinweis: Aktualisierungen der Dokumentzeichenfolgen im Code werden nicht auf der Registerkarte „Dokumente“ von Storybook angezeigt, es sei denn, Sie starten Storybook neu oder führen den folgenden Befehl manuell aus und aktualisieren die Seite:

 npm run analyze-components

Weitere Einzelheiten finden Sie im Contributing Guide.

Erfahren Sie, wie Sie Elemente erstellen

Video-Tutorial

Das Live-Coding-Tutorial für Folientastaturelemente führt Sie durch den gesamten Prozess hinter der Erstellung eines Elements: Recherche, Zeichnen und Schreiben des Codes/der Geschichten.

Blogbeiträge

• Nachbildung der Arduino-Drucktaste mit SVG und <lit-element>
• Verwandeln Sie das Arduino OLED-Display in eine Webkomponente

Lizenz

Wokwi Elements werden unter der MIT-Lizenz veröffentlicht.