mechanic

สร้างด้วย❤โดย

Mechanic เป็นเครื่องมือออกแบบที่ทรงพลังที่ช่วยให้องค์กรที่มองไปข้างหน้าก้าวออกจากเวิร์กโฟลว์การออกแบบด้วยตนเองโดยการดำเนินการออกแบบโดยอัตโนมัติ

สถานะปัจจุบัน : v1.2.0 หมดแล้ว! ลองและบอกเราว่าคุณคิดอย่างไร! v2.0.0-beta.9 ก็ออกมาและเรากำลังทดสอบ! อย่าลังเลที่จะทดสอบด้วย!

เริ่มต้นใช้งาน

หากต้องการเริ่มใช้ทันทีและสร้างโครงการกลไกใหม่ให้เรียกใช้สิ่งต่อไปนี้:

 npm init mechanic@latest

สิ่งนี้จะสร้างโครงการกลไกพื้นฐานใหม่ด้วย ฟังก์ชั่นการออกแบบ เดียว! ทำตามคำแนะนำ CLI เพื่อปรับแต่งติดตั้งและเริ่มทำงาน

เอกสาร

ตรวจสอบเอกสาร v1.2.0

เนื้อหาโมโนเรป

Repo ได้รับการจัดการผ่าน Lerna

ที่เก็บ	คำอธิบาย
สร้างกลไก	ผู้สร้างโครงกระดูกโครงการกลไก
@Mechanic-Design/CLI	เครื่องมือบรรทัดคำสั่งเพื่อสร้างโครงการกลไกใหม่ฟังก์ชั่นการออกแบบและสร้างแอพ
@mechanic-design/core	ฟังก์ชั่นหลักกลไก ใช้โดยเครื่องมือการออกแบบของ Mechanic และกำหนดคลาส Mechanic ที่จะขยายเป็น เครื่องยนต์
@mechanic-design/ui-components	ไลบรารีคอมโพเนนต์ปฏิกิริยาที่ตั้งใจจะใช้เป็นอินพุตสำหรับอินพุตฟังก์ชั่นการออกแบบ
@mechanic-design/engine-canvas	ฟังก์ชั่นเครื่องยนต์ที่ขยายคลาส Mechanic Base มีจุดประสงค์เพื่อแสดงผลสินทรัพย์คงที่หรือภาพเคลื่อนไหวที่สร้างขึ้นโดยใช้ HTML Canvas API
@mechanic-design/engine-p5	ฟังก์ชั่นเครื่องยนต์ที่ขยายคลาส Mechanic Base มีวัตถุประสงค์เพื่อแสดงสินทรัพย์คงที่หรือภาพเคลื่อนไหวที่สร้างขึ้นโดยใช้ P5.JS
@mechanic-design/engine-react	ฟังก์ชั่นเครื่องยนต์ที่ขยายคลาส Mechanic Base มีจุดประสงค์เพื่อแสดงผลสินทรัพย์คงที่หรือภาพเคลื่อนไหวที่สร้างขึ้นโดยใช้ส่วนประกอบปฏิกิริยาที่แสดงผล SVG
@mechanic-design/engine-svg	ฟังก์ชั่นเครื่องยนต์ที่ขยายคลาส Mechanic Base ซึ่งถูกยับยั้งให้แสดงสินทรัพย์คงที่หรือภาพเคลื่อนไหวที่สร้างขึ้นโดยใช้ Strings SVG
@mechanic-design/utils	คำจำกัดความทั่วไปของ CLI ที่จะใช้โดยแพ็คเกจช่างอื่น ๆ
@mechanic-design/dsi-logo-maker	โครงการเครื่องมือออกแบบที่ทำด้วยช่างเพื่อสร้างสินทรัพย์และภาพเคลื่อนไหวที่ติดตามโลโก้ตัวตนของ DSI

การพัฒนา

เพื่อเริ่มต้นใช้โคลน repo นี้

จากนั้นเรียกใช้ npm run bootstrap สิ่งนี้จะ symlink การพึ่งพาทั้งหมดเข้าด้วยกันและเรียกใช้ npm i ภายในแต่ละแพ็คเกจ การเรียกใช้ npm i ภายในโฟลเดอร์แพ็คเกจจะไม่ทำงาน

นั่นควรจะเพียงพอที่จะทดสอบฟังก์ชั่นแพ็คเกจแต่ละรายการ แต่เพื่อทดสอบโครงการกลไกด้วยเวอร์ชันแพ็คเกจท้องถิ่นเราใช้ yalc

npm link นั้นสั้นในการทำซ้ำแพ็คเกจการพึ่งพาความละเอียดตามโครงการที่จะติดตั้งจากรีจิสทรี NPM yalc สามารถเผยแพร่แพ็คเกจในท้องถิ่นได้เช่นเดียวกับที่ NPM Registry เพื่อใช้ในโครงการท้องถิ่น

ในการทำเช่นนี้ให้ติดตั้ง yalc ก่อนทั่วโลก หากต้องการเผยแพร่แพ็คเกจทั้งหมดใน Repo ให้เรียกใช้ npm run publish:local ในการเผยแพร่แพ็คเกจแต่ละแพ็คเกจให้เรียกใช้ yalc push จากไดเรกทอรีหรือ yalc push ./packages/[package] เรียกใช้คำสั่งเหล่านี้เมื่อคุณต้องการอัปเดตเนื้อหาที่เผยแพร่

จากนั้นในโครงการเพื่อทดสอบแพ็คเกจก่อนที่จะติดตั้งการพึ่งพาการเรียกใช้ yalc add [package] สำหรับแพ็คเกจทั้งหมดที่คุณต้องการทดสอบ จากนั้นติดตั้งตามปกติด้วย npm i

สำหรับความต้องการอื่น ๆ ให้ตรวจสอบเอกสารของ yalc

เผยแพร่

npm run publish