مكونات الويب للاردوينو والأجزاء الإلكترونية المختلفة.
تحقق من كتالوج المكونات.
ملاحظة: توفر هذه العناصر فقط العرض التقديمي وعرض الأجهزة الممثلة. أنها لا توفر رمز المحاكاة الوظيفية للجهاز. يعتمد ذلك على التطبيق (المحاكي) الذي ترغب في استخدام هذه العناصر معه، وبالتالي فإن إنشائه متروك لك.
يمكنك تثبيت الحزمة باستخدام 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.