ไลบรารีการคิดล่วงหน้าของส่วนประกอบเว็บ
ออกแบบในนิวแฮมป์เชียร์โดย Cory Laviska
เอกสาร: shoelace.style
ที่มา: github.com/shoelace-style/shoelace
Twitter: @shoelace_style
Shoemakers หรือ "นักพัฒนาเชือกผูกรองเท้า" สามารถใช้เอกสารนี้เพื่อเรียนรู้วิธีการสร้างเชือกผูกรองเท้าจากแหล่งที่มา คุณจะต้องใช้โหนด> = 14.17 เพื่อสร้างและเรียกใช้โครงการในพื้นที่
คุณไม่จำเป็นต้องทำสิ่งนี้เพื่อใช้เชือกผูกรองเท้า! หน้านี้มีไว้สำหรับผู้ที่ต้องการมีส่วนร่วมในโครงการทิงเกอร์กับแหล่งที่มาหรือสร้างงานสร้างเชือกผูกรองเท้าแบบกำหนดเอง
หากนั่นไม่ใช่สิ่งที่คุณพยายามทำเว็บไซต์เอกสารเป็นที่ที่คุณต้องการ
ส่วนประกอบถูกสร้างขึ้นด้วย Litelement คลาสพื้นฐานองค์ประกอบที่กำหนดเองที่ให้ API ที่ใช้งานง่ายและการเชื่อมโยงข้อมูลปฏิกิริยา บิลด์เป็นสคริปต์ที่กำหนดเองพร้อมด้วยการรวมกลุ่มโดย Esbuild
เริ่มต้นด้วยการหา repo บน gitHub จากนั้นโคลนในพื้นที่และติดตั้งการพึ่งพา
git clone https://github.com/YOUR_GITHUB_USERNAME/shoelace
cd shoelace
npm installเมื่อคุณโคลน repo ให้เรียกใช้คำสั่งต่อไปนี้
npm startสิ่งนี้จะหมุนเซิร์ฟเวอร์ Dev หลังจากบิลด์เริ่มต้นเบราว์เซอร์จะเปิดโดยอัตโนมัติ ขณะนี้ไม่มีการโหลดโมดูลร้อน (HMR) เนื่องจากเบราว์เซอร์ไม่ได้ให้วิธีการลงทะเบียนองค์ประกอบที่กำหนดเอง แต่การเปลี่ยนแปลงส่วนใหญ่ไปยังแหล่งที่มาจะโหลดเบราว์เซอร์ใหม่โดยอัตโนมัติ
ในการสร้างการสร้างการผลิตให้เรียกใช้คำสั่งต่อไปนี้
npm run build หากต้องการนั่งร้านส่วนประกอบใหม่ให้เรียกใช้คำสั่งต่อไปนี้ให้แทนที่ sl-tag-name ด้วยชื่อแท็กที่ต้องการ
npm run create sl-tag-nameสิ่งนี้จะสร้างไฟล์ต้นฉบับสไตล์ชีทและหน้าเอกสารสำหรับคุณ เมื่อคุณเริ่มเซิร์ฟเวอร์ Dev คุณจะพบส่วนประกอบใหม่ในส่วน "ส่วนประกอบ" ของแถบด้านข้าง
Shoelace เป็นโครงการโอเพ่นซอร์สและสนับสนุนการมีส่วนร่วม! หากคุณน่าสนใจในการบริจาคโปรดตรวจสอบแนวทางการบริจาคก่อน
เชือกผูกรองเท้าถูกสร้างขึ้นโดย Cory Laviska และมีให้ภายใต้เงื่อนไขของใบอนุญาต MIT
ไม่ว่าคุณจะสร้างเชือกผูกรองเท้าหรือสร้างบางสิ่ง ด้วย เชือกผูกรองเท้า - ขอให้สนุกกับการสร้าง! -