wokwi elements
1.5.1
Веб-компоненты для Arduino и различные электронные компоненты.
Посмотрите каталог компонентов.
Примечание: эти элементы обеспечивают только представление и отображение представленного оборудования. Они не предоставляют код функционального моделирования аппаратного обеспечения. Это зависит от приложения (симулятора), с которым вы хотите их использовать, и, следовательно, это зависит от вас.
Вы можете установить пакет с помощью npm , а затем импортировать его в свой код:
import '@wokwi/elements' ;Альтернативно вы можете загрузить пакет Wokwi Elements из CDN unpkg:
< script src =" https://unpkg.com/@wokwi/[email protected]/dist/wokwi-elements.bundle.js " > </ script >Замените 0.48.3 номером последней версии. Список всех версий вы можете найти на странице релизов.
Чтобы подготовиться к локальной разработке, клонируйте этот репозиторий, а затем установите зависимости:
npm install
Затем начните сборник рассказов:
npm run storybook
Откроется локальный сервер разработки по адресу http://localhost:6006, где вы сможете взаимодействовать с элементами и видеть свои изменения в реальном времени, аналогично https://elements.wokwi.com.
Самый простой способ создать новый элемент — запустить генератор:
npm run new-element --name demo
Это создаст новый элемент под названием demo . Также будет создан файл сборника рассказов, так что вы сможете увидеть новый элемент в сборнике рассказов (см. раздел «Локальная разработка» выше).
Примечание. Обновления строк документации в коде не будут отражаться на вкладке «Документы» Storybook, если вы не перезапустите Storybook или не запустите следующую команду вручную и не обновите страницу:
npm run analyze-components
Более подробную информацию можно найти в Руководстве для участников.
Учебное пособие по живому кодированию элементов мембранной клавиатуры описывает полный процесс создания элемента: исследование, рисование и написание кода/историй.
Wokwi Elements выпускаются под лицензией MIT.
