مكتبة تفكير إلى الأمام لمكونات الويب.
صمم في نيو هامبشاير من قبل كوري لافيسكا.
الوثائق: Shoelace.style
المصدر: github.com/shoelace-style/shoelace
Twitter: shoelace_style
يمكن لمقدمي الأحذية ، أو "مطوري الحذاء" ، استخدام هذه الوثائق لمعرفة كيفية بناء حذاء من المصدر. ستحتاج إلى عقدة> = 14.17 لبناء وتشغيل المشروع محليًا.
لا تحتاج إلى القيام بأي من هذا لاستخدام الحذاء! هذه الصفحة مخصصة للأشخاص الذين يرغبون في المساهمة في المشروع ، أو العبث مع المصدر ، أو إنشاء بناء مخصص للمربع.
إذا لم يكن هذا ما تحاول القيام به ، فإن موقع الوثائق هو المكان الذي تريد أن تكون فيه.
تم تصميم المكونات باستخدام فئة قاعدة عناصر مخصصة توفر واجهة برمجة تطبيقات بديهية وربط البيانات التفاعلية. البناء هو برنامج نصي مخصص مع تجميع مدعوم من ESBUILD.
ابدأ بتركيب الريبو على Github ، ثم استنساخه محليًا وتثبيت التبعيات.
git clone https://github.com/YOUR_GITHUB_USERNAME/shoelace
cd shoelace
npm installبمجرد استنساخ الريبو ، قم بتشغيل الأمر التالي.
npm startهذا سوف يدور خادم DEV. بعد الإنشاء الأولي ، سيتم فتح المتصفح تلقائيًا. لا يوجد حاليًا إعادة تحميل الوحدة النمطية الساخنة (HMR) ، حيث لا يوفر المتصفح وسيلة لإعادة توجيه عناصر مخصصة ، ولكن معظم التغييرات على المصدر ستعمل على إعادة تحميل المتصفح تلقائيًا.
لإنشاء بناء إنتاج ، قم بتشغيل الأمر التالي.
npm run build لسقالة مكون جديد ، قم بتشغيل الأمر التالي ، واستبدل sl-tag-name باسم العلامة المطلوب.
npm run create sl-tag-nameسيؤدي ذلك إلى إنشاء ملف مصدر وورقة أنماط وصفحة مستندات لك. عندما تبدأ خادم DEV ، ستجد المكون الجديد في قسم "المكونات" في الشريط الجانبي.
Shoelace هو مشروع مفتوح المصدر ويتم تشجيع المساهمات! إذا كنت مثيراً للاهتمام في المساهمة ، فيرجى مراجعة إرشادات المساهمة أولاً.
تم إنشاء Shoelace بواسطة Cory Laviska وهو متاح بموجب شروط ترخيص MIT.
سواء كنت تقوم ببناء حمص أو بناء شيء مع الحذاء - استمتع بإنشاء! ؟