wokwi elements
1.5.1
Web Components สำหรับ 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 ด้วยหมายเลขเวอร์ชันล่าสุด คุณสามารถดูรายการเวอร์ชันทั้งหมดได้ในหน้าการเผยแพร่
เพื่อเตรียมพร้อมสำหรับการพัฒนาในเครื่อง ให้โคลน repo นี้ แล้วติดตั้งการขึ้นต่อกัน:
npm install
จากนั้นเริ่มหนังสือนิทาน:
npm run storybook
ซึ่งจะเปิดเซิร์ฟเวอร์ dev ในเครื่องที่ http://localhost:6006 ซึ่งคุณสามารถโต้ตอบกับองค์ประกอบต่างๆ และดูการเปลี่ยนแปลงของคุณได้ทันที คล้ายกับ https://elements.wokwi.com
วิธีที่ง่ายที่สุดในการสร้างองค์ประกอบใหม่คือการเรียกใช้ตัวสร้าง:
npm run new-element --name demo
สิ่งนี้จะสร้างองค์ประกอบใหม่ที่เรียกว่า demo นอกจากนี้ยังจะสร้างไฟล์หนังสือนิทานด้วย ดังนั้นคุณจะสามารถเห็นองค์ประกอบใหม่ในหนังสือนิทานได้ (ดูส่วน "การพัฒนาในท้องถิ่น" ด้านบน)
หมายเหตุ: การอัปเดตเอกสารในโค้ดจะไม่ปรากฏในแท็บ Docs ของ Storybook เว้นแต่คุณจะรีสตาร์ท Storybook หรือรันคำสั่งต่อไปนี้ด้วยตนเองและรีเฟรชหน้า:
npm run analyze-components
ตรวจสอบคู่มือการสนับสนุนสำหรับรายละเอียดเพิ่มเติม
บทช่วยสอนการเขียนโค้ดสดขององค์ประกอบปุ่มกดเมมเบรนจะอธิบายขั้นตอนเบื้องหลังการสร้างองค์ประกอบทั้งหมด ได้แก่ ค้นคว้า วาดภาพ และเขียนโค้ด/เรื่องราว
Wokwi Elements ได้รับการเผยแพร่ภายใต้ใบอนุญาต MIT
